久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

03
2018/11

js data方法的使用

發(fā)布時(shí)間:2018-11-03 09:04:50
發(fā)布者:jintianlong
瀏覽量:
0

在前端工作中,會(huì)經(jīng)常拿別人的修改,遇到一些交互效果有時(shí)候可能會(huì)看不懂嗎,這里文匯軟件的小編就來跟大家分享下自己的工作經(jīng)驗(yàn)。

像是下面的這個(gè)輪播效果,小編相信就會(huì)難倒不少的人,這里是當(dāng)他切換到某一張時(shí)上面的背景還有外邊框變成圖標(biāo)的顏色,圖標(biāo)變成白色。當(dāng)他在別的位置時(shí),邊框背景為白色,圖標(biāo)變成相應(yīng)的顏色。

image.png

他所對(duì)應(yīng)的代碼如下:

image.png

小編表示看到這些就有點(diǎn)頭暈,這里就用到了我們今天所講到的data方法,在對(duì)應(yīng)的元素上加入data-   ,然后找到控制其輪播的js以jquerry的方法添加即可

image.png

image.png

這個(gè)方法是不是很實(shí)用呢,很實(shí)用就開多關(guān)注文匯軟件吧。



關(guān)鍵詞:
返回列表