jquery 实现文字左右滚动
html
在银川等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站设计、成都网站制作 网站设计制作定制网站建设,公司网站建设,企业网站建设,品牌网站建设,网络营销推广,成都外贸网站制作,银川网站建设费用合理。
head
script type="text/javascript" src="/jquery/jquery.js"/script
script type="text/javascript"
$(document).ready(function () {
$("#start").click(function () {
$("#box").animate({ right: "1500px" }, 4000);
});
});
/script
/head
body
pa href="#" id="start"Start Animation/a/p
div align="right" id="box" style="position:relative"
阿什顿饭卡上及地方了看见卡拉时间段福建按时到法律是快递费及卡拉是东方
/div
/body
/html
script src="你 JQ存放的地址 例如/include/123.js"/script
不知道是不是你要的
javascript 或者 jQuery 实现 文字横向连续滚动
!DOCTYPE HTML
html
head
meta charset=UTF-8 /
titleNothing/title
style type="text/css"
/style
script
var create = function (x, y, text)
{
var marquee = document.createElement ('marquee');
marquee.style.position = 'absolute';
marquee.style.left = x + 'px';
marquee.style.top = y + 'px';
marquee.innerText = text;
document.body.appendChild (marquee);
}
window.onload = function ()
{
create (100, 100, "Look boddy, U got work harder and put yourself to the JavaScript, once U learn the heart of the JavaScript, I can guarantee U win.");
}
/script
/head
body
/body
/html
jquery实现文字向左循环滚动
根据你的代码 我改写了下 你看着弄吧。
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title向左滚动/title
style type="text/css"
*{
margin:0;
padding:0;
list-style:none;
}
#gundong {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 500px;
font-size: 12px;
height: 20px;
line-height: 20px;
padding: 5px;
}
#gundong a {
color:#333;
}
#gundongAreaMain1 {
float: left;
width: 800%;
}
#gundongAreaMain2, #gundongAreaMain3, #gundongAreaMain2 li, #gundongAreaMain3 li {
float: left;
}
/style
/head
body
div id="gundongAreaMain"
span导读/span
div id="gundong"
div id="gundongAreaMain1"
ul id="gundongAreaMain2"
lia href="/" target="_blank"strong1111111111111111/strong/a/li
lia href="/" target="_blank"strong2222222222222222/strong/a/li
lia href="/" target="_blank"strong3333333333333333/strong/a/li
lia href="/" target="_blank"strong4444444444444444/strong/a/li
/ul
ul id="gundongAreaMain3"/ul
/div
/div
/div
script
!--
var speed=30; //数字越大速度越慢
var tab=document.getElementById("gundong");
var tab1=document.getElementById("gundongAreaMain2");
var tab2=document.getElementById("gundongAreaMain3");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
--
/script
/body
/html
当前题目:jquery文字滚动,jquery数字滚动效果
网站路径:http://scgulin.cn/article/dsieesg.html