网站首页幻灯片

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<!--大眼睛广告区-->
<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>
<!--大眼睛广告区结束-->