>  기사  >  웹 프론트엔드  >  jQuery_jquery를 기반으로 한 플래시 같은 광고 캐러셀

jQuery_jquery를 기반으로 한 플래시 같은 광고 캐러셀

WBOY
WBOY원래의
2016-05-16 18:16:55931검색

整个页face如下:

复aze代码 代码如下:

<%@ Page Language=" C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %>



<제목>




<본문>










注释:
speed:图文轮播速島
num:图文数weight
timer:自动轮播的时间间隔,정时器;
flowSpeed:是滑块移动的速速島

blockSlide插件源码如下:
复代码 代码如下:

/**
* @author huajianhuakai*/
(function($)
{
$.fn.blockSlide = function(settings)
{
settings = jQuery. 확장({
속도: "정상",
숫자: 4,
타이머: 1000,
flowSpeed: 300
}, 설정) return this.each(function( )
{
$.fn.blockSlide.scllor($(this), 설정)
}
$.fn.blockSlide.scllor = function($this , 설정)
{
var index = 0;
var imgScllor = $("div:eq(0)>div", $this)
var 타이머ID
//自动播放
var MyTime = setInterval(function()
{
ShowjQueryFlash(index);
index ;
if (index == settings.num)
index = 0;
}, settings.timer);
var ShowjQueryFlash = function(i)
{
$(imgScllor).eq(i).animate({ opacity: 1 }, settings.speed).css ({ "z-index": "100" }).siblings().animate({ 불투명도: 0 }, settings.speed).css({ "z-index": "0" })
}
}
})(jQuery);


希望对과 나의 一样的菜鸟유용
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.