検索

ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery_jquery に基づく Flash のような広告ローテーション コード

jQuery_jquery に基づく Flash のような広告ローテーション コード

WBOY
WBOYオリジナル
2016-05-16 18:17:151194ブラウズ

整个页面如下:

复制代 代码如下:

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

























注釈：
speed：图片轮播速度
num：图片数
timer：自動轮播の時間間隔、定時器；
flowSpeed：滑块移動の速度

blockSlide插件ソースコード如下：
复制代代码如下：

/**
* @著者 huajianhuakai*/
(function($)
{
$.fn.blockSlide = function(settings)
{
settings = jQuery.extend({
speed: "normal",
num: 4,
timer: 1000,
flowSpeed: 300
},
return this.each); (function()
{
$.fn.blockSlide.scllor($(this), 設定);
});
$.fn.blockSlide.scllor = 関数($this, 設定)
{
var インデックス = 0;
var imgScllor = $("div:eq(0)>div", $this); >//自動播放
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({ opacity: 0 }, settings.speed).css({ "z-index": "0" }); 🎜>}
}
})(jQuery);

声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：Js CSS_Text 特殊効果によって実装された中断および中断のないテキスト スクロール コード次の記事：Js CSS_Text 特殊効果によって実装された中断および中断のないテキスト スクロール コード

関連記事

続きを見る