您當(dāng)前位置：首頁 > web前端 > jscript > CSS+Javascript打造帶動(dòng)畫效果的選項(xiàng)卡

CSS+Javascript打造帶動(dòng)畫效果的選項(xiàng)卡

來源：程序員人生發(fā)布時(shí)間：2014-04-26 21:05:07 閱讀次數(shù)：3531次

　　網(wǎng)(LieHuo.Net)教程這是一個(gè)類似選項(xiàng)卡功能的選擇插件，與普通的TAb區(qū)別是加入了動(dòng)畫效果，多用于商品類網(wǎng)站，用作商品分類功能，不過其它網(wǎng)站也可以用，點(diǎn)擊運(yùn)行一下你會(huì)知道它的奧妙，它用JavaScript模擬出了Flash動(dòng)畫的效果，很貼切。

<HEAD><TITLE>CSS+Javascript打造帶動(dòng)畫效果的選項(xiàng)卡－網(wǎng)</TITLE><meta http-equiv="Content-Type" content="text/html; charset=GBK"><style language="javascript"></style></HEAD><BODY><SCRIPT LANGUAGE="JavaScript"></SCRIPT><div id="fk" style="position: absolute; width: 46px; height: 20px; border: 1px solid #000000 ; display: none"></div><TABLE style="border: 1px solid #666666" cellspacing=1 bgcolor=#ff1111 cellpadding=4 border=0><TR bgcolor=#ffffff><TD onClick="setSource(this,'t1');MyMar=setInterval(move,speed)">ASP</TD><TD onClick="setSource(this,'t2');{MyMar=setInterval(move,speed)}">PHP</TD><TD onClick="setSource(this,'t3');{MyMar=setInterval(move,speed)}">ASP.NET</TD><TD onClick="setSource(this,'t4');{MyMar=setInterval(move,speed)}">JSP</TD><TD onClick="setSource(this,'t5');{MyMar=setInterval(move,speed)}">AJAX</TD><TD onClick="setSource(this,'t6');{MyMar=setInterval(move,speed)}">DELPHI</TD></TR></TABLE><br><br><br><br><br><br><TABLE id="aim" style="border: 1px solid #666666 ; width: 227px; height: 300px;"><TR><TD id='aim1' valign="top"></TD></TR></TABLE><br><br><br><br><TABLE style="border: 1px solid #666666" cellspacing=1 bgcolor=#ff1111 cellpadding=4 border=0><TR bgcolor=#ffffff><TD onClick="setSource(this,'t1');MyMar=setInterval(move,speed)">ASP</TD><TD onClick="setSource(this,'t2');{MyMar=setInterval(move,speed)}">PHP</TD><TD onClick="setSource(this,'t3');{MyMar=setInterval(move,speed)}">ASP.NET</TD><TD onClick="setSource(this,'t4');{MyMar=setInterval(move,speed)}">JSP</TD><TD onClick="setSource(this,'t5');{MyMar=setInterval(move,speed)}">AJAX</TD><TD onClick="setSource(this,'t6');{MyMar=setInterval(move,speed)}">DELPHI</TD></TR></TABLE><div id="t1" class="hidden">ASP</div><div id="t2" class="hidden">PHP</div><div id="t3" class="hidden">ASP.NET</div><div id="t4" class="hidden">JSP</div><div id="t5" class="hidden">AJAX</div><div id="t6" class="hidden">DELPHI</div></BODY><br /><center>網(wǎng)更多教程，請?jiān)L問：<a href=http://www.vxbq.cn/ target=_blank _fcksavedurl="http://www.vxbq.cn/ target=_blank">http://www.vxbq.cn/</a></center>
提示：可修改后代碼再運(yùn)行!

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)
程序員人生

------分隔線----------------------------

上一篇 Webmin使用教程：圖形配置Linux服務(wù)器

下一篇 前臺(tái)開發(fā)從頭說起：談?wù)凜SS選擇符

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關(guān)注

欄目熱點(diǎn)

多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

CSS+Javascript打造帶動(dòng)畫效果的選項(xiàng)卡