求一段js按钮控制图片左右滚动的代码。按钮不点击时，图片不滚动_百度知道
求一段js按钮控制图片左右滚动的代码。按钮不点击时，图片不滚动
我有更好的答案
按默认排序
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &&&&html xmlns=&&&&head&&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&&title&测试&/title&&script type=&text/javascript& src=&&&&/script&&style type=&text/css&& body,ul,li { padding:0; margin:0} ul,li { list-style:none} .img-scroll { position: margin:20 width:440} .img-scroll .prev,.img-scroll .next { position: display: width:50 height:100 background-color:#000; top:0; color:#FFF; text-align: line-height:100px} .img-scroll .prev { left:0} .img-scroll .next { right:0} .img-list { position: width:320 height:100 margin-left:60 overflow:hidden} .img-list ul { width:9999} .img-list li { float: display: width:100 margin-right:10 height:100 background-color:#BDBDDF; text-align: line-height:100}&/style&&/head&&body&&div class=&img-scroll&& &span class=&prev&&prev&/span&
&span class=&next&&next&/span&
&div class=&img-list&&
&li&斯蒂芬&/li&
&li&啊asdf&/li&
&li&请问&/li&
&li&阿道夫&/li&
&/div&&/div&&script type=&text/javascript&& function DY_scroll(wraper,prev,next,img,speed,or) {
var wraper = $(wraper);
var prev = $(prev);
var next = $(next);
var img = $(img).find('ul');
var w = img.find('li').outerWidth(false);
next.click(function()
img.animate({'margin-left':-w},function()
img.find('li').eq(0).appendTo(img);
img.css({'margin-left':0});
prev.click(function()
img.find('li:last').prependTo(img);
img.animate({'margin-left':0});
if (or == false)
ad = setInterval(function() { next.click();},s*1000);
wraper.hover(function(){clearInterval(ad);},function(){ad = setInterval(function() { next.click();},s*1000);});
} } DY_scroll('.img-scroll','.prev','.next','.img-list',3,false);&/script&&/body&&/html&
这个是个类似代码 你看看&html xmlns=&&&&head&&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&&title&JS实现图片翻书效果&/title&&META http-equiv=imagetoolbar content=no&&STYLE type=text/css&#center { LEFT: 50%; POSITION: TOP: 50%}#DHTMLBOOK { BACKGROUND: #000; LEFT: -210 VISIBILITY: WIDTH: 420 POSITION: TOP: -160 HEIGHT: 320px}#TXTBOX { FONT-SIZE: 0.8 WIDTH: 410 COLOR: #aba193; FONT-FAMILY: POSITION: TOP: 320 TEXT-ALIGN: center}.page { OVERFLOW: BORDER-LEFT: # WIDTH: 50%; CURSOR: POSITION: HEIGHT: 100%}.right { BORDER-RIGHT: # LEFT: 50%}.turn { BACKGROUND: #000000}.img { WIDTH: 200%; POSITION: HEIGHT: 100%}&/STYLE&&SCRIPT type=text/javascript&&!--document.onselectstart = function () { }var nI
= 0;var kI
= 0;var run =function setOpacity(obj,o) { if (o&0) o=0; else if (o&100) o = 100; if (obj.filters)obj.filters.alpha.opacity=o; else obj.style.opacity = o/100;}function TPR__(p) { P1.style.left
= 50-(2.5*p)+&%&; P1.style.width = (2.5*p)+&%&; setOpacity(P1i, .5*p*p); if (p == 20) run =}function TPR_(p) { P2.style.width = 50-(2.5*p)+&%&; setOpacity(P2i, 100-.5*(p*p)); if (p == 20) {
P2i.src = IMGSRC[kI].
setOpacity(P2i, 100);
P2.style.width = &50%&;
for(var i=1; i&=20; i++) setTimeout(&TPR__(&+i+&)&, i*32); }}function TPR() { if (!run) {
P01i.src = IMGSRC[kI].
P1.style.width = 0;
if (kI&=nI) kI = 0;
titLe(kI);
P02i.src = IMGSRC[kI].
= IMGSRC[kI].
for (var i=1; i&=20; i++) setTimeout(&TPR_(&+i+&)&, i*32); } else setTimeout(&TPR()&, 100);}function TPL__(p) { P2.style.width = (2.5*p)+&%&; setOpacity(P2i, .5*p*p); if (p == 20) run =}function TPL_(p) { P1.style.left
= (2.5*p)+&%&; P1.style.width = 40+(10-2.5*p)+&%&; setOpacity(P1i, 100-.5*(p*p)); if (p == 20) {
P1i.src = IMGSRC[kI].
setOpacity(P1i, 100);
P1.style.left
P1.style.width = &50%&;
for(var i=1; i&=20; i++) setTimeout(&TPL__(&+i+&)&, i*32); }}function TPL() { if (!run) {
P02i.src = IMGSRC[kI].
P2.style.width = 0;
if (kI & 0) kI = nI-1;
titLe(kI);
P01i.src = IMGSRC[kI].
= IMGSRC[kI].
for(var i=1; i&=20; i++) setTimeout(&TPL_(&+i+&)&, i*32); } else setTimeout(&TPL()&, 100);}function titLe(p) { document.getElementById(&TXTBOX&).innerHTML = IMGSRC[p].}onload = function() { IMGSRC
= document.getElementById(&imgsrc&).getElementsByTagName(&img&); DB
= document.getElementById(&DHTMLBOOK&); P01
= DB.getElementsByTagName(&span&)[0]; P01i
= P01.getElementsByTagName(&img&)[0]; P02
= DB.getElementsByTagName(&span&)[1]; P02i
= P02.getElementsByTagName(&img&)[0]; P1
= DB.getElementsByTagName(&span&)[2]; P1i
= P1.getElementsByTagName(&img&)[0]; P2
= DB.getElementsByTagName(&span&)[3]; P2i
= P2.getElementsByTagName(&img&)[0]; nI
= IMGSRC. P1i.src = IMGSRC[kI]. P2i.src = IMGSRC[kI]. titLe(kI); DB.style.visibility = &visible&;}//--&&/SCRIPT&&META content=&MSHTML 6.00.& name=GENERATOR&&/HEAD&&BODY&&DIV id=center&&DIV id=DHTMLBOOK&&SPAN class=page onMouseDown=&& ondblclick=TPL(); onclick=TPL();&&IMG class=img&&/SPAN&&SPAN class=&page right& onmousedown=&& ondblclick=TPR(); onclick=TPR();&&IMG class=img style=&LEFT: -100%&&&/SPAN&&SPAN class=&page turn& onMouseDown=&& ondblclick=TPL(); onclick=TPL();&&IMG class=img style=&FILTER: alpha(); opacity: 1&&&/SPAN&&SPAN class=&page turn right& onmousedown=&& ondblclick=TPR(); onclick=TPR();&&IMG class=img style=&FILTER: alpha(); LEFT: -100%; opacity: 1&&&/SPAN& &DIV id=TXTBOX&&/DIV&&/DIV&&/DIV&&DIV id=imgsrc style=&VISIBILITY: hidden&&&IMG alt=&In the early morning he departed.& src=&&&&IMG alt=&Believing she had dreamed of the roar of his bike,& src=&&&&IMG alt=&she woke up to the sunshine in her eyelids.& src=&&&&/DIV&&/BODY&&/HTML&
其他类似问题
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁鼠标移上去显示大图的代码
　&&&发布时间： &&&浏览:1次&&&下载:1次
鼠标移上去显示大图的代码
鼠标移上去显示大图的代码
+ 分享连接
↑上一篇：↓下一篇：
共504个JS广告代码
共222个JS特效代码
推荐广告代码
最新推荐代码
- Copyright (C)
All Rights Reserved.大家帮忙看看这个JS做的图片滚动，鼠标移到上面的时候图片不会停止滚动
[问题点数：20分，结帖人landry1234]
大家帮忙看看这个JS做的图片滚动，鼠标移到上面的时候图片不会停止滚动
[问题点数：20分，结帖人landry1234]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
相关帖子推荐：
2011年9月 总版技术专家分月排行榜第一2011年8月 总版技术专家分月排行榜第一2011年7月 总版技术专家分月排行榜第一2011年6月 总版技术专家分月排行榜第一2011年5月 总版技术专家分月排行榜第一2011年4月 总版技术专家分月排行榜第一
2011年3月 总版技术专家分月排行榜第二2011年2月 总版技术专家分月排行榜第二
本帖子已过去太久远了，不再提供回复功能。用js写了个关于鼠标移到图片，图片就会放大的函数怎么可以把一个div里所有的图片都能调用这个函数_百度知道
用js写了个关于鼠标移到图片，图片就会放大的函数怎么可以把一个div里所有的图片都能调用这个函数
这是一道待解决的难题
您的回答被采纳后将获得系统奖励20（财富值+经验值）+难题奖励20（财富值+经验值）
查找所有到div下的所有图片，分别调用你的放大函数
其他类似问题
按默认排序
其他2条回答
$(& div img&).......................
$(&&).each(function(){});
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁求鼠标移动上去就显示一张跟在鼠标的图片JS代码_百度知道
求鼠标移动上去就显示一张跟在鼠标的图片JS代码
如果鼠标放在某个区域上就显示一张图片，这个图片是跟在鼠标后面的！要是移动处这个区域，这个图片就不显示了！
提问者采纳
&html&&head&&meta http-equiv=&Content-Type& content=&text/ charset=gb2312&&&title&网页特效||---跟随鼠标的图片&/title&&script LANGUAGE=&JavaScript&&var newtop=0var newleft=0if (navigator.appName == &Netscape&) {layerStyleRef=&layer.&;layerRef=&document.layers&;styleSwitch=&&;}else{layerStyleRef=&layer.style.&;layerRef=&document.all&;styleSwitch=&.style&;}function doMouseMove() {layerName = 'iit'eval('var curElement='+layerRef+'[&'+layerName+'&]')eval(layerRef+'[&'+layerName+'&]'+styleSwitch+'.visibility=&hidden&')eval('curElement'+styleSwitch+'.visibility=&visible&')eval('newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth')eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight')eval('height=curElement'+styleSwitch+'.height')eval('width=curElement'+styleSwitch+'.width')width=parseInt(width)height=parseInt(height)if (event.clientX & (document.body.clientWidth - 5 - width)){newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width}else{newleft=document.body.scrollLeft + event.clientX}eval('curElement'+styleSwitch+'.pixelLeft=newleft')if (event.clientY & (document.body.clientHeight - 5 - height)){newtop=document.body.clientHeight + document.body.scrollTop - 5 - height}else{newtop=document.body.scrollTop + event.clientY}eval('curElement'+styleSwitch+'.pixelTop=newtop')}document.onmousemove = doMouseM&/script&&/head&&body&&!-- 以下代码是设定此页的鼠标样式代码 --&&script language=&javascript&&if (navigator.appName == &Netscape&) {}else{document.write('&div ID=OuterDiv&')document.write('&img ID=iit src=&images/flag.gif& STYLE=&position:TOP:5LEFT:5Z-INDEX:10;visibility:&&')document.write('&/div&')}&/script&&/body&&/html&
其他类似问题
js代码的相关知识
按默认排序
其他1条回答
下载知道APP
随时随地咨询
出门在外也不愁}