亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

分享一個(gè)針對(duì)觸摸設(shè)備優(yōu)化的圖片幻燈jQuery插件

系統(tǒng) 2885 0

分享一個(gè)針對(duì)觸摸設(shè)備優(yōu)化的圖片幻燈jQuery插件 - touchtouch

在線演示 本地下載

觸摸設(shè)備越來(lái)越流行了,很多互聯(lián)網(wǎng)用戶(hù)都使用ipad等平板電腦來(lái)瀏覽網(wǎng)頁(yè)和網(wǎng)站。今天我們介紹一款來(lái)自于著名web設(shè)計(jì)師Martin的jQuery插件- touchtouch ,使用它可以快速幫助你生成一個(gè)針對(duì)平板觸摸電腦優(yōu)化的圖片畫(huà)廊。所有你需要做的只是提供一套圖片地址,相信大家一定會(huì)喜歡!

主要特性

  • 平滑的CSS3動(dòng)畫(huà)和過(guò)渡特效
  • 一個(gè)支持響應(yīng)式布局設(shè)計(jì)的CSS接口,能夠根據(jù)設(shè)備屏幕變化
  • 圖片預(yù)先加載
  • 支持觸摸滑動(dòng)
  • 顯示箭頭并且響應(yīng)按鍵keypress

如何使用

倒入插件的JS和CSS,及其jQuery1.7及其以上類(lèi)庫(kù):

      <link rel="stylesheet" href="css/touchTouch.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/touchtouch.jquery.js"></script>
    

HTML代碼

      <div id="thumbs">
 <a href="img/2011-mv-agusta-brutale-920-black-4.jpg" style="background-image:url(img/2011-mv-agusta-brutale-920-black-4.jpg)" title="agusta-brutale-920"></a>
 <a href="img/2011-mv-agusta-brutale-920-black-10.jpg" style="background-image:url(img/2011-mv-agusta-brutale-920-black-10.jpg)" title="agusta-brutale-920"></a>
 <a href="img/ducati-vyper-concept-luca-bar-black.jpg" style="background-image:url(img/ducati-vyper-concept-luca-bar-black.jpg)" title="vyper-concept-luca-bar-black"></a>
 <a href="img/2012-Ducati-1199-Panigale-18-635x475.jpg" style="background-image:url(img/2012-Ducati-1199-Panigale-18-635x475.jpg)" title="Ducati-1199-Panigale"></a>
 <a href="img/2012-Ducati-1199-Panigale-20-635x475.jpg" style="background-image:url(img/2012-Ducati-1199-Panigale-20-635x475.jpg)" title="Ducati-1199-Panigale"></a>
 <a href="img/2012-Ducati-1199-Panigale-21-635x475.jpg" style="background-image:url(img/2012-Ducati-1199-Panigale-21-635x475.jpg)" title="Ducati-1199-Panigale"></a>
 <a href="img/2012-Ducati-Streetfighter-848-4-635x475.jpg" style="background-image:url(img/2012-Ducati-Streetfighter-848-4-635x475.jpg)" title="Ducati-Streetfighter-848"></a>
 <a href="img/2012-Ducati-Streetfighter-848-6-635x475.jpg" style="background-image:url(img/2012-Ducati-Streetfighter-848-6-635x475.jpg)" title="Ducati-Streetfighter-848"></a>
 <a href="img/2012-Ducati-Streetfighter-848-51-635x475.jpg" style="background-image:url(img/2012-Ducati-Streetfighter-848-51-635x475.jpg)" title="Ducati-Streetfighter-848"></a>
</div>

    

Javascript代碼

      $(function() { 
 $('#thumbs a').touchTouch(); 
});
    

是不是很簡(jiǎn)單,希望大家能夠喜歡這個(gè)插件!

來(lái)源: 分享一個(gè)針對(duì)觸摸設(shè)備優(yōu)化的圖片幻燈jQuery插件 - touchtouch


分享一個(gè)針對(duì)觸摸設(shè)備優(yōu)化的圖片幻燈jQuery插件 - touchtouch


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號(hào)聯(lián)系: 360901061

您的支持是博主寫(xiě)作最大的動(dòng)力,如果您喜歡我的文章,感覺(jué)我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長(zhǎng)非常感激您!手機(jī)微信長(zhǎng)按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊(cè),切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對(duì)您有幫助就好】

您的支持是博主寫(xiě)作最大的動(dòng)力,如果您喜歡我的文章,感覺(jué)我的文章對(duì)您有幫助,請(qǐng)用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長(zhǎng)會(huì)非常 感謝您的哦!!!

發(fā)表我的評(píng)論
最新評(píng)論 總共0條評(píng)論
主站蜘蛛池模板: 天天干b| 久久精品国产免费中文 | 久久黄色视屏 | 精品 日韩 国产 欧美在线观看 | 热伊人99re久久精品最新地 | 看日本真人一一级特黄毛片 | 精品国产精品国产 | 男人的午夜 | 天天躁日日躁狠狠躁中文字幕 | 国产精品色婷婷在线观看 | 欧美日韩高清在线观看 | 亚洲三级天堂 | 99这里只有精品66视频 | 四小虎免费永久观看 | 中文字幕色婷婷在线视频 | 国内精品一区二区 | 欧美末成年videos在线观看 | 日本aaaa | 欧美成人性做爰网站免费 | 我要看一级毛片 | 欧美午夜视频一区二区三区 | 在线观看免费av网站 | 精品精品国产高清a毛片牛牛 | 日韩特级毛片免费观看视频 | 综合久久影院 | 国产精品高清久久久久久久 | 麻豆国产精品免费视频 | 亚洲天天做夜夜做天天欢人人 | 国产精品亚洲精品一区二区三区 | 站长推荐国产午夜免费视频 | 女人18特级一级毛片免费视频 | 精品国产品国语在线不卡丶 | 日韩 欧美 国产 亚洲 中文 | 日韩毛片欧美一级a网站 | 男女超爽视频免费播放在线观看 | 亚洲国产国产综合一区首页 | 国产欧美日韩中文字幕 | 久久国产精品范冰啊 | 99热爱久久99热爱九九热爱 | 最新福利在线 | 色综合天天射 |