求大师帮忙给宝宝起名_百度宝宝知道君，已阅读到文档的结尾了呢~~
部分动漫歌曲名字,好听的动漫歌..
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
部分动漫歌曲名字
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer--144.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口后使用快捷导航没有帐号？
只需一步，快速开始
查看: 1531|回复: 5
求助高手~jQuery图片滚动特效放在滑动门里无效,求大大指教感激不尽！
UID625608在线时间 小时积分17帖子离线16948 天注册时间
新手上路, 积分 17, 距离下一级还需 33 积分
这个图片滚动特效在滑动门里面左右滚动无效，不知怎么回事，在其他地方是正确的。求各位大大帮个忙~~
在滑动选项卡一里面是可以的
在滑动选项卡二里面左右滚动无效~
本帖子中包含更多资源
才可以下载或查看，没有帐号？
UID625608在线时间 小时积分17帖子离线16948 天注册时间
新手上路, 积分 17, 距离下一级还需 33 积分
本帖最后由 guoqing52025 于
10:06 编辑
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&
&title&jQuery图片滚动加滑动门.rar&/title&
&script type=&text/javascript& src=&/test/js/jquery-1.4.1.min.js&&&/script&
&style type=&text/css&&
.bodyer{width:980margin:20border:1px dotted #background:#}
.t_rt{text-align:}
.preview{margin:10padding:10overflow:background:#}
.cont{padding:10}
.cls{clear:}
.hidden{display:}
#sourse{border:1px dotted #width:600height:300margin:0}
.textDiv{margin:10px 40px 10text-align:}
.example{margin:10background:#FFF;border:1px dotted #padding:10}
.scrolldoorFrame{width:900margin:0overflow:}
.scrollUl{width:900border-bottom:1px solid #CCC;overflow:height:35}
.scrollUl li{float:}
.bor03{border:1px solid #border-top-width:0}
.sd01{cursor:border:1px solid #CCC;background:#FFF;margin:5padding:2font-weight:}
.sd02{cursor:border:0px solid #CCC;margin:5padding:2}
body{margin:0 text-align: color:#616161; font: 12px/1.5 arial, \5b8b\4f53;}
ul,p{margin:0; padding:0;}
li{list-style-type:}
img{border:0;}
:focus{outline:0;}
h1{color:#000; margin-bottom:30 font-size:30}
h2{color:#000; background-color:# width:540 margin-left: margin-right: text-align: padding-left:5}
a:link,a:visited{color:#333; text-decoration:}
a:hover{color:#000;}
a.abtn{position:top:4display:height:132width:6overflow:text-indent:-20000background:url(/test/images/arrow3.gif) 0px center no-}
a.aleft{left:7}
a.agrayleft{cursor:background-position:-12}
a.aright{right:7background-position:-6}
a.agrayright{cursor:background-position:-18}
.productshow{
height:132
padding:4px 0;
text-align:
font-family:微软雅黑, 黑体;
.productshow .scrollcontainer{
height:130
.productshow .scrollcontainer ul{
width:20000
.productshow .scrollcontainer li{
height:130
text-align:
.productshow .scrollcontainer li.last{
background:
.productshow .scrollcontainer li div{
text-align:
.productshow .scrollcontainer a:hover img{
filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;
&script type=&text/javascript&&
(function($){
$.extend($.easing,{
easeInSine: function (x, t, b, c, d) {
return -c * Math.cos(t/d * (Math.PI/2)) + c +
$.fn.Xslider=function(settings){
settings=$.extend({},$.fn.Xslider.sn.defaults,settings);
this.each(function(){
var scrollobj=settings.scrollobj ? $(this).find(settings.scrollobj) : $(this).find(&ul&),
viewedSize=settings.viewedSize || (settings.dir==&H& ? scrollobj.parent().width() : scrollobj.parent().height()),//length of
scrollunits=scrollobj.find(&li&),//
unitlen=settings.unitlen || (settings.dir==&H& ? scrollunits.eq(0).outerWidth() : scrollunits.eq(0).outerHeight()),
unitdisplayed=settings.unitdisplayed,//
numtoMove=settings.numtoMove & unitdisplayed ? unitdisplayed : settings.numtoMove,
scrollobjSize=settings.scrollobjSize || scrollunits.length*unitlen,//len
offset=0,//
offsetnow=0,//
movelength=unitlen*numtoMove,
pos=settings.dir==&H& ? &left& : &top&,
moving=false,//moving now?;
btnright=$(this).find(&a.aright&),
btnleft=$(this).find(&a.aleft&);
btnright.unbind(&click&);
btnleft.unbind(&click&);
settings.dir==&H& ? scrollobj.css(&left&,&0px&) : scrollobj.css(&top&,&0px&);
if(scrollobjSize&viewedSize){
if(settings.loop==&cycle&){
btnleft.removeClass(&agrayleft&);
if(scrollunits.length&2*numtoMove+unitdisplayed-numtoMove){
scrollobj.find(&li&).clone().appendTo(scrollobj);
btnleft.addClass(&agrayleft&);
offset=scrollobjSize-viewedS
btnright.removeClass(&agrayright&);
btnleft.addClass(&agrayleft&);
btnright.addClass(&agrayright&);
btnleft.click(function(){
if($(this).is(&[class*='agrayleft']&)){}
if(!moving){
if(settings.loop==&cycle&){
scrollobj.find(&li:gt(&+(scrollunits.length-numtoMove-1)+&)&).prependTo(scrollobj);
scrollobj.css(pos,&-&+movelength+&px&);
$.fn.Xslider.sn.animate(scrollobj,0,settings.dir,settings.speed,function(){moving=});
offsetnow-=
if(offsetnow&unitlen*unitdisplayed-viewedSize){
$.fn.Xslider.sn.animate(scrollobj,-offsetnow,settings.dir,settings.speed,function(){moving=});
$.fn.Xslider.sn.animate(scrollobj,0,settings.dir,settings.speed,function(){moving=});
offsetnow=0;
$(this).addClass(&agrayleft&);
btnright.removeClass(&agrayright&);
btnright.click(function(){
if($(this).is(&[class*='agrayright']&)){}
if(!moving){
if(settings.loop==&cycle&){
var callback=function(){
scrollobj.find(&li:lt(&+numtoMove+&)&).appendTo(scrollobj);
scrollobj.css(pos,&0px&);
$.fn.Xslider.sn.animate(scrollobj,-movelength,settings.dir,settings.speed,callback);
offsetnow+=
if(offsetnow&offset-(unitlen*unitdisplayed-viewedSize)){
$.fn.Xslider.sn.animate(scrollobj,-offsetnow,settings.dir,settings.speed,function(){moving=});
$.fn.Xslider.sn.animate(scrollobj,-offset,settings.dir,settings.speed,function(){moving=});//滚动到最后一个位置;
offsetnow=
$(this).addClass(&agrayright&);
btnleft.removeClass(&agrayleft&);
if(settings.autoscroll){
$.fn.Xslider.sn.autoscroll($(this),settings.autoscroll);
$.fn.Xslider.sn={
defaults:{
animate:function(obj,w,dir,speed,callback){
if(dir==&H&){
obj.animate({
},speed,&easeInSine&,callback);
}else if(dir==&V&){
obj.animate({
},speed,&easeInSine&,callback);
autoscroll:function(obj,time){
vane=&right&;
function autoscrolling(){
if(vane==&right&){
if(!obj.find(&a.agrayright&).length){
obj.find(&a.aright&).trigger(&click&);
vane=&left&;
if(vane==&left&){
if(!obj.find(&a.agrayleft&).length){
obj.find(&a.aleft&).trigger(&click&);
vane=&right&;
var scrollTimmer=setInterval(autoscrolling,time);
obj.hover(function(){
clearInterval(scrollTimmer);
},function(){
scrollTimmer=setInterval(autoscrolling,time);
})(jQuery);
&script type=&text/javascript&&
function scrollDoor(){
scrollDoor.prototype = {
sd : function(menus,divs,openClass,closeClass){
var _this =
if(menus.length != divs.length)
alert(&菜单层数量和内容层数量不一样!&);
for(var i = 0 ; i & menus. i++)
_this.$(menus[i]).value =
_this.$(menus[i]).onmouseover = function(){
for(var j = 0 ; j & menus. j++)
_this.$(menus[j]).className = closeC
_this.$(divs[j]).style.display = &none&;
_this.$(menus[this.value]).className = openC
_this.$(divs[this.value]).style.display = &block&;
$ : function(oid){
if(typeof(oid) == &string&)
return document.getElementById(oid);
window.onload = function(){
var SDmodel = new scrollDoor();
SDmodel.sd([&m01&,&m02&,&m03&,&m04&,&m05&],[&c01&,&c02&,&c03&,&c04&,&c05&],&sd01&,&sd02&);
SDmodel.sd([&mm01&,&mm02&,&mm03&,&mm04&,&mm05&],[&cc01&,&cc02&,&cc03&,&cc04&,&cc05&],&sd01&,&sd02&);
SDmodel.sd([&mmm01&,&mmm02&,&mmm03&,&mmm04&,&mmm05&],[&ccc01&,&ccc02&,&ccc03&,&ccc04&,&ccc05&],&sd01&,&sd02&);
SDmodel.sd([&mmmm01&,&mmmm02&,&mmmm03&,&mmmm04&,&mmmm05&],[&cccc01&,&cccc02&,&cccc03&,&cccc04&,&cccc05&],&sd01&,&sd02&);
&div class=&bodyer&&
&div class=&preview&&
&div class=&scrolldoorFrame&&
&ul class=&scrollUl&&
&li class=&sd01& id=&m01&&滑动选项一&/li&
&li class=&sd02& id=&m02&&滑动选项二&/li&
&li class=&sd02& id=&m03&&滑动选项三&/li&
&li class=&sd02& id=&m04&&滑动选项四&/li&
&li class=&sd02& id=&m05&&滑动选项五&/li&
&div class=&bor03 cont&&
&div id=&c01&&
&div class=&productshow&&
&div class=&scrollcontainer&&
&li&&a href=&#&&&img src=&/test/images/img01.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img02.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img03.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img04.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img05.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img06.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img07.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img08.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img01.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img02.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img03.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img04.png& /&&/a&&/li&
&a class=&abtn aleft& href=&#left&&左移&/a&
&a class=&abtn aright& href=&#right&&右移&/a&
&div id=&c02& class=&hidden&&
&div class=&productshow&&
&div class=&scrollcontainer&&
&li&&a href=&#&&&img src=&/test/images/img05.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img06.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img03.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img01.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img02.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img06.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img07.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img07.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img08.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img01.png& /&&/a&&/li&
&a class=&abtn aleft& href=&#left&&左移&/a&
&a class=&abtn aright& href=&#right&&右移&/a&
&div id=&c03& class=&hidden&&
第三层内容
&div id=&c04& class=&hidden&&
第四层内容
&div id=&c05& class=&hidden&&
第五层内容
&div class=&preview&&
&div class=&scrolldoorFrame&&
&ul class=&scrollUl&&
&li class=&sd01& id=&mm01&&滑动选项一&/li&
&li class=&sd02& id=&mm02&&滑动选项二&/li&
&li class=&sd02& id=&mm03&&滑动选项三&/li&
&li class=&sd02& id=&mm04&&滑动选项四&/li&
&li class=&sd02& id=&mm05&&滑动选项五&/li&
&div class=&bor03 cont&&
&div id=&cc01&&
&div class=&productshow&&
&div class=&scrollcontainer&&
&li&&a href=&#&&&img src=&/test/images/img01.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img02.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img03.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img04.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img05.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img06.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img07.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img08.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img01.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img02.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img03.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img04.png& /&&/a&&/li&
&a class=&abtn aleft& href=&#left&&左移&/a&
&a class=&abtn aright& href=&#right&&右移&/a&
&div id=&cc02& class=&hidden&&
&div class=&productshow&&
&div class=&scrollcontainer&&
&li&&a href=&#&&&img src=&/test/images/img05.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img06.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img03.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img01.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img02.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img06.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img07.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img07.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img08.png& /&&/a&&/li&
&li&&a href=&#&&&img src=&/test/images/img01.png& /&&/a&&/li&
&a class=&abtn aleft& href=&#left&&左移&/a&
&a class=&abtn aright& href=&#right&&右移&/a&
&div id=&cc03& class=&hidden&&
第三层内容
&div id=&cc04& class=&hidden&&
第四层内容
&div id=&cc05& class=&hidden&&
第五层内容
&div class=&preview&&
&div class=&scrolldoorFrame&&
&ul class=&scrollUl&&
&li class=&sd01& id=&mmm01&&滑动选项&/li&
&li class=&sd02& id=&mmm02&&滑动选项&/li&
&li class=&sd02& id=&mmm03&&滑动选项&/li&
&li class=&sd02& id=&mmm04&&滑动选项&/li&
&li class=&sd02& id=&mmm05&&滑动选项&/li&
&div class=&bor03 cont&&
&div id=&ccc01&&
第一层内容
&div id=&ccc02& class=&hidden&&
第二层内容
&div id=&ccc03& class=&hidden&&
第三层内容
&div id=&ccc04& class=&hidden&&
第四层内容
&div id=&ccc05& class=&hidden&&
第五层内容
&div class=&preview&&
&div class=&scrolldoorFrame&&
&ul class=&scrollUl&&
&li class=&sd01& id=&mmmm01&&滑动选项&/li&
&li class=&sd02& id=&mmmm02&&滑动选项&/li&
&li class=&sd02& id=&mmmm03&&滑动选项&/li&
&li class=&sd02& id=&mmmm04&&滑动选项&/li&
&li class=&sd02& id=&mmmm05&&滑动选项&/li&
&div class=&bor03 cont&&
&div id=&cccc01&&
第一层内容
&div id=&cccc02& class=&hidden&&
第二层内容
&div id=&cccc03& class=&hidden&&
第三层内容
&div id=&cccc04& class=&hidden&&
第四层内容
&div id=&cccc05& class=&hidden&&
第五层内容
&script type=&text/javascript&&
$(function(){
$(&.productshow&).each(function(){
$(this).Xslider({
unitdisplayed:4,
numtoMove:4,
scrollobjSize:Math.ceil($(&.productshow:eq(0)&).find(&li&).length/4)*488
&提示：您可以先修改部分代码再运行
贴上代码，各位看看
UID625608在线时间 小时积分17帖子离线16948 天注册时间
新手上路, 积分 17, 距离下一级还需 33 积分
么有人吗？
UID625685在线时间 小时积分32帖子离线16948 天注册时间
新手上路, 积分 32, 距离下一级还需 18 积分
不会啊！！
UID625685在线时间 小时积分32帖子离线16948 天注册时间
新手上路, 积分 32, 距离下一级还需 18 积分
guoqing52025 发表于
么有人吗？
我也是刚刚建站啥都不会，连推广都不会
UID625608在线时间 小时积分17帖子离线16948 天注册时间
新手上路, 积分 17, 距离下一级还需 33 积分
嘿嘿，终于弄好了~
Powered by}