Js页面:
View Code /**
* 大眼睛广告轮播
*/
var indexEye = {autoTime: 0,init: function () {var eyeObj = $("#dyj_pics a:eq(0) img:eq(0)");eyeObj.attr("src", eyeObj.attr("data-imgSrc"));eyeObj.load(function () {indexEye.autoTime = setTimeout(function () {indexEye.autoPlay();}, 10000);});$("#dyj_numqu a").live("mouseover", function () {if ($(this).attr("class") == "on") return;indexEye.autoPlay(this);});},autoPlay: function (me) {clearTimeout(this.autoTime);this.turnNumber(me);var now = $("#dyj_numqu a.on").index();var imgObj = $("#dyj_pics a").eq(now).children("img");//if(imgObj.attr("src") == "") {imgObj.attr("src", imgObj.attr("data-imgSrc"));//}setTimeout(function () {$("#dyj_pics a:visible").fadeOut(0, function () {$("#dyj_pics a").eq(now).fadeIn(0);});}, 200);this.autoTime = setTimeout("indexEye.autoPlay()", 6000);},turnNumber: function (me) {if (typeof (me) == 'undefined') {var i = $("#dyj_numqu a.on").index();i = i >= $("#dyj_numqu a").length - 1 ? 0 : i + 1;me = $("#dyj_numqu a").eq(i);}$("#dyj_numqu a.on").each(function () {$(this).removeClass();});$(me).addClass('on');}
}
cshtml页面：
View Code View Code<!--大眼睛广告区--> <div class="dyjGroup"> <div class="dyj_pics" id="dyj_pics"> @*<a href="http://x.uuzu.com/bulletin/24589.html" title="《大侠传》双线148区12月11日11:00开启" target="_blank" style="display: block"> <img src="http://pic.uuzu.com/dxz/images/load.gif" data-imgsrc="http://upload.uuzu.com/daxia/2012/1210/183952663.jpg" width="378" height="226" border="0" alt="《大侠传》双线148区12月11日11:00开启" /></a><a href="http://x.uuzu.com/active/24542.html" title="《大侠传》叁“12”狂欢会" target="_blank" style="display: none"><img src="http://pic.uuzu.com/dxz/images/load.gif" data-imgsrc="http://upload.uuzu.com/daxia/2012/1210/101012856.jpg" width="378" height="226" border="0" alt="《大侠传》叁“12”狂欢会" /></a><a href="http://x.uuzu.com/active/24542.html" title="《大侠传》叁“12”狂欢会" target="_blank" style="display: none"><img src="http://pic.uuzu.com/dxz/images/load.gif" data-imgsrc="http://upload.uuzu.com/daxia/2012/1210/101318834.jpg" width="378" height="226" border="0" alt="《大侠传》叁“12”狂欢会" /></a><a href="http://x.uuzu.com/media/24303.html" title="17173中国网游风云榜" target="_blank" style="display: none"><img src="http://pic.uuzu.com/dxz/images/load.gif" data-imgsrc="http://upload.uuzu.com/daxia/2012/1203/123337666.jpg" width="378" height="226" border="0" alt="17173中国网游风云榜" /></a>*@ @{Html.RenderAction<PartController>(i => i.Solider());} </div> <div class="dyj_numqu" id="dyj_numqu"> <a href="javascript:;" class="on" alt="《大侠传》双线148区12月11日11:00开启" title="《大侠传》双线148区12月11日11:00开启"> </a><a href="javascript:;" alt="《大侠传》叁“12”狂欢会" title="《大侠传》叁“12”狂欢会">2</a><a href="javascript:;" alt="《大侠传》叁“12”狂欢会" title="《大侠传》叁“12”狂欢会">3</a><a href="javascript:;" alt="17173中国网游风云榜" title="17173中国网游风云榜">4</a> </div> </div> <script type="text/javascript"> $(function () { indexEye.init(); }) </script> <!--大眼睛广告区结束-->
