一般企业网站首页图片轮播效果jquery.docx

下载文档 降价啦

40
0
约8.34千字
约 10页
2017-01-15 发布于重庆
举报
版权申诉
保障服务

一般企业网站首页图片轮播效果jquery.docx

1、本文档共10页，可阅读全部内容。
2、有哪些信誉好的足球投注网站（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。

一般企业网站首页图片轮播效果jquery

下面介绍三种企业中如今最常用的网站首页图片轮播效果HTML+jquery实现代码，简单实用，具体如下：第一种，jquery全屏banner自动轮播切换，代码如下：html xmlns=/1999/xhtmlheadtitlejquery全屏banner自动轮播切换/titlescript type=text/javascript src=jquery-1.9.1.js//script //此处的jquery版本可以不是9.1script type=text/javascriptfunction banner(){var bn_id = 0;var bn_id2= 1;var speed33=5000;var qhjg = 1;var MyMar33;$(#banner .d1).hide();$(#banner .d1).eq(0).fadeIn(slow);if($(#banner .d1).length1){$(#banner_id li).eq(0).addClass(nuw);function Marquee33(){bn_id2 = bn_id+1;if(bn_id2$(#banner .d1).length-1){bn_id2 = 0;}$(#banner .d1).eq(bn_id).css(z-index,2);$(#banner .d1).eq(bn_id2).css(z-index,1);$(#banner .d1).eq(bn_id2).show();$(#banner .d1).eq(bn_id).fadeOut(slow);$(#banner_id li).removeClass(nuw);$(#banner_id li).eq(bn_id2).addClass(nuw);bn_id=bn_id2;};MyMar33=setInterval(Marquee33,speed33);$(#banner_id li).click(function(){var bn_id3 = $(#banner_id li).index(this);if(bn_id3!=bn_idqhjg==1){qhjg = 0;$(#banner .d1).eq(bn_id).css(z-index,2);$(#banner .d1).eq(bn_id3).css(z-index,1);$(#banner .d1).eq(bn_id3).show();$(#banner .d1).eq(bn_id).fadeOut(slow,function(){qhjg = 1;});$(#banner_id li).removeClass(nuw);$(#banner_id li).eq(bn_id3).addClass(nuw);bn_id=bn_id3;}})$(#banner_id).hover(function(){clearInterval(MyMar33);},function(){MyMar33=setInterval(Marquee33,speed33);})}else{$(#banner_id).hide();}}/script/headbodystyle type=text/css*{margin:0;padding:0;list-style-type:none;}a,img{border:0;}body{font:12px/180% Arial, Helvetica, sans-serif, 新宋体;}.banner{height:400px;overflow:hidden;}.banner .d1{width:100%;height:392px;display:block;position:absolute;left:0px;top:0px;}.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:360px;}.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(ckpwp_005.jpg) no-repeat center;float:left;margin:0 3px;display:inline;}.banner .d2 li.nuw{background:url(ckpwp_009.jpg) no