ホームページ > 記事 > ウェブフロントエンド > jquery特殊効果スライド効果サンプルcode_jquery
jquery特殊効果スライド効果サンプルcode_jquery
- WBOYオリジナル
- 2016-05-16 17:28:391093ブラウズ
jquery特效幻灯片效果，效果图如下： 
复制代代码如下:
/* CSS ドキュメント */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td, blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
input,button{margin: 0;font-size:12px;vertical-align:middle;}
body{font-size:12px;font-family:Arial、Helvetica、sans-serif;テキスト整列:中央;マージン:0 自動; }
table{border-collapse:collapse;border-spacing:0;}
a{ color:#333; text-decoration:none;}
.box{ width:420px;マージン:20px 自動;位置:相対;オーバーフロー:非表示; text-align:left;}
.box img{border:0px; width:420px;}
.big{ width:100%;フロート:左;高さ:196ピクセル;オーバーフロー:非表示; margin-bottom:2px;}
.big a{display:none;}
.big span{position:absolute;左:0;上:167ピクセル;フォントサイズ:13px;色:#fff; z インデックス:11;高さ:30ピクセル;行の高さ:30px;テキストインデント:1em;幅:100%; )}
.num{幅:424px;マージン右:-24px;フロート:左;高さ:53ピクセル;パディングトップ:2px;}
.num li{幅:99px;パディングトップ:5px;パディング左:1px;カーソル:ポインタ;フロート:左; margin-right:6px;height:48px;}
.num img{ width:98px;}
.num li.on{background:url(../images/bg01.gif) no-repeat 0 0 ;}
.txtbg{ 位置:絶対;左:0;上:167ピクセル;幅:100%;高さ:30ピクセル;背景:#000;不透明度:0.5;フィルター:アルファ(不透明度=50); z-index:10;}
