1.怎样写一个可控制左右滚动的的字体左右滚动代码
如果您懂得Jquery。
Code:
<html>
<head>
<title>Test</title>
<script src="jquery.js"></script>
<script>
$(function(){
$("#left").click(function(){ $("div").animate({"left":"+=50px"});});
$("#right").click(function(){ $("div").animate({"right":"+=50px"});});
});
</script>
</head>
<body>
<div style="width:200px;height:100px;margin:100px auto;position:relative;">
<input type="button" id="left" value="左移动">
<input type="button" id="right" value="右移动">
</div>
</body>
</html>
欢迎继续提问
2.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>
<p><a 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>
不知道是不是你要的
3.JavaScript 商品展示图片左右滚动代码怎么写
<meta ; charset=gbk" />
4.Jquery点击滚动代码,写了点击事件,但不知道怎么让它循环
(function($){var totalPage = $('.hp_box').children().length;//总页数var nowPage = 1;//当前页$('.tj_prev').click(function(){ nowPage --; if(nowPage < 1) { nowPage = totalPage; } $('.hp_box').animate({left:-(nowPage - 1 ) * 248 +'px'});});$('.tj_next').click(function(){ nowPage ++; if(nowPage > totalPage) { nowPage = 1; } $('.hp_box').animate({left:-(nowPage - 1 ) * 248 +'px'});});setInterval("timerFunc()",8000); //定时器,8秒执7a64e4b893e5b19e31333337383361行一次timerFunc = function(){ nowPage ++ ; if(nowPage > totalPage) { nowPage = 1; } $('.hp_box').animate({left:-(nowPage - 1 ) * 248 +'px'});};})(jQuery);。
5.求JS文字左右滚动代码
保存成html文件,打开就能看到效果了。
<html>
<head>
<title>left to right</title>
</head>
<script type="text/javascript">
function onl oad() {
window
.setInterval(
function() {
var marginLeft = document
.getElementById("leftToRight").style.marginLeft;
moveAfterLeft = marginLeft.substr(0, marginLeft.length - 2) * 1 + 50;
if (moveAfterLeft < screen.width - 150) {
document.getElementById("leftToRight").style.marginLeft = moveAfterLeft;
} else {
clearInterval();
}
}, 100);
}
</script>
<body onl oad="onload()">
<ul>
<li id="leftToRight" style="margin-left: 0; width: 100px">left to
right</li>
</ul>
</body>
</html>
6.关于动态左右滚动字代码
主题名称:图像特殊效果特效名称:左右移动的图片 [修改图片名称即可][共2步]1、将以下代码加入到HEML的
之间:2、将以下代码加入到HEML的<body>之间: 看这个对你有不有帮助。7.滚动的代码怎么写
<MARQUEE DIRECTION=RIGHT BEHAVIOR=SCROLL SCROLLAMOUNT=10 SCROLLDELAY=200>;这是一个滚动字幕。</MARQUEE>
参数:
direction 表示滚动的方向,值可以是left,right,up,down,默认为left
behavior 表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)
loop 表示循环的次数,值是正整数,默认为无限循环
scrollamount 表示运动速度,值是正整数,默认为6
scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒
align 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle
bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色
height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度
hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。
onmouseover=this.stop() onm ouseout=this.start() 表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。
8.我想用jQuery写一段重复滚动的代码,现在问题是这个DIV有宽度,如
:"-210"*i+"px"有问题吧,怎么字符串*数值。
你要滚动的是图片还是文字,看你用的 li 应该文字吧
我的经验是:外层div设置视口(CSS要有overflow:hidden),内层div放置图片(position:relative;left:0px;宽度=所有图片宽度值和),图片(float:left);这种滚功一般都是每个图片宽高相同。利用改变内层div的left的值实现滚动。重复滚动其实是一种视觉错觉,最后一张和第一张相同,滚动到最后时,用.css()将left设置到第一张的位置,css()的执行时瞬间的,感觉不出来,看上去好像是首尾相连的链。最后一张可以在html里添加,也可以在脚本里动态添加。
如果你滚动的是文字直接把文字放在内层div,滚动到最后再用css({left:"0px"})
转载请注明出处育才学习网 » jquery左右滚动代码怎么写