首先看下預覽效果:
下面貼下**:
**<
title
>
title
>
<
style
>
.roun .rouncenter_fh
.container, .container img
.index_bank
style
>
<
div
class
="roun right mt8px"
>
<
div
class
="index_bank"
>
<
table
width
="190px"
border
="0"
cellspacing
="0"
cellpadding
="0"
>
<
tr>
<
td><
input
id="idpre"
type
="image"
src=""
onfocus
="this.blur()"
/>
td>
<
td><
div
class
="container"
id="idcontainer2"
>
<
table
id="idslider2"
border
="0"
cellpadding
="0"
cellspacing
="0"
>
<
tr>
<
td><
img
src=""
/>
a>
td>
<
td><
img
src=""
/>
a>
td>
<
td><
img
src=""
/>
a>
td>
<
td><
img
src=""
/>
a>
td>
<
td><
img
src=""
/>
a>
td>
<
td><
img
src=""
/>
a>
td>
<
td><
img
src=""
/>
a>
td>
tr>
table
>
div>
td>
<
td><
input
id="idnext"
type
="image"
src=""
onfocus
="this.blur()"
/>
td>
tr>
table
>
div>
<
script
>
var$
=function
(id) ;
varextend
=function
(destination, source)
return
destination;
}var
currentstyle
=function
(element)
varbind
=function
(object, fun)
},back:
},bounce:
else
if(t
/2.75))
else
if(t
<
(2.5
/2.75))
else}}
}//容器物件,滑動物件,切換數量
varslidetrans
=function
(container, slider, count, options) ;
slidetrans.prototype =,
//開始轉換時執行
onfinish:
function
(){},
//完成轉換時執行
tween: tween.quart.easeout
//tween運算元
};extend(
this
.options, options
||{});
},//
開始切換
run:
function
(index) ,
//移動
move:
function
() else
},//
移動到moveto:
function
(i) ,
//下乙個
next:
function
() ,
//上乙個
previous:
function
() ,
//停止
stop:
function
() };
varforeach
=function
(array, callback, thisobject)
else}}
varst
=new
slidetrans(
"idcontainer2",
"idslider2",
3, );
varnums =;
foreach(nums,
function
(o, i)
o.onmouseout
=function
()})
//設定按鈕樣式
st.onstart
=function
())}$("
idnext
").onclick
=function
()$(
"idpre
").onclick
=function
()st.run();
script
>
更新時間(2010-3-17 15:33)
未完持續
一些自己遺忘的Css樣式
1.首行縮排 text indent 50px 2.內容自動換行 word break break all 允許在單詞內部進行換行 word break keep all 只在空格處或連字元 處換行3.詞間距 word spacing 10px 單詞與單詞之間的間隙為10px,只要有空格出現就認為是...
覆蓋一些元件庫自己的樣式
這裡以element ui為例 方法一 在需要的 el 元件上增加自己的class 比如,需要設定el dialog的body背景色和高度 seller 又比如,這個seller下有兩個dialog,乙個全屏希望高度和背景色自定義,而非全屏的不自定義,那麼可以如下 seller 或者 迴圈遍歷.is...
常用的一些樣式
一 文字溢位打點 超出省略號 1 單行溢位打點 2 單行溢位打點,以2行為例 規定顯示2行並且超出部分顯示.多行文字溢位打點 text overflow ellipsis line clamp 2 webkit line clamp 2 display webkit box 設定盒子為伸縮盒 ove...