自己收集的一些友情鏈結樣式包括JS

2022-03-30 01:43:09 字數 3542 閱讀 7645

首先看下預覽效果:

下面貼下**:

**<

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...