网站首页幻灯片

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