コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery_jquery に基づく Flash のような広告ローテーション コード

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

WBOY
リリース： 2016-05-16 18:17:15
オリジナル
1192 人が閲覧しました

整个页面如下:

复制代 代码如下:

<%@ 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);

関連ラベル：
广告轮播
ソース：php.cn
前の記事：Js CSS_Text 特殊効果によって実装された中断および中断のないテキスト スクロール コード 次の記事：新浪微博ホ​​ームページの模倣「みんなが話している」がホイール表示効果_ナビゲーションメニューに徐々に入ります
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2307
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2437
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
2054
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1935
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
2005
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート