cari

Rumah >hujung hadapan web >tutorial js >rakan kongsi jQuery menatal kiri dan kanan effects_jquery

rakan kongsi jQuery menatal kiri dan kanan effects_jquery

WBOY
WBOYasal
2016-05-16 15:42:531662semak imbas

Contoh dalam artikel ini menerangkan kesan tatal kiri dan kanan rakan kongsi jQuery dan dikongsi dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
Kod kesan khas menatal kiri dan kanan rakan kongsi Ia adalah kesan khas halaman web menatal kiri dan kanan dengan anak panah kiri dan kanan dan pautan mesra tatal automatik. ia menatal secara automatik Klik butang kiri dan kanan untuk menukar Logo tatal kiri dan kanan untuk menukar kesan khas halaman web. Ia boleh digunakan di bahagian bawah tapak web sebagai kesan khas untuk paparan rakan kongsi atau paparan pautan rakan Ia adalah kod sumber kesan khas yang sangat baik.
Paparan operasi: --------------------------Lihat kesan Muat turun kod sumber-- ------ --------------

Petua: Jika penyemak imbas tidak berfungsi dengan betul, anda boleh cuba menukar mod penyemakan imbas.
Kod kesan tatal kiri dan kanan rakan kongsi jQuery yang dikongsi dengan anda adalah seperti berikut 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery合作伙伴左右滚动特效 - 脚本之家</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js" language="javascript" type="text/javascript"></script>
<script language="javascript" type="text/javascript" src="js/ss.js"></script>
</head>
<body>
<div style="width:685px; margin:0 auto">
<div class="mr_t1 mt14">
 <div class="mr_t1name">
 <img src="images/mt_ico6.jpg" />合作伙伴
 </div>
</div>
<div class="mr_frbox">
 <img class="mr_frBtnL prev" src="images/mfrL.jpg" width="28" height="46" />
 <div class="mr_frUl">
 <ul>
 <li><a href="http://www.jb51.net" target="_blank"><img src="images/mfr_1.jpg" width="123" height="52" /></a><a href="http://www.jb51.net" target="_blank"><img src="images/mfr_2.jpg" width="123" height="52" /></a></li>
 <li><a href="http://www.jb51.net" target="_blank"><img src="images/mfr_3.jpg" width="123" height="52" /></a><a href="http://www.jb51.net" target="_blank"><img src="images/mfr_6.jpg" width="123" height="52" /></a></li>
 <li><a href="http://www.jb51.net" target="_blank"><img src="images/mfr_4.jpg" width="123" height="52" /></a><a href="http://www.jb51.net" target="_blank"><img src="images/mfr_7.jpg" width="123" height="52" /></a></li>
 <li><a href="http://www.jb51.net" target="_blank"><img src="images/mfr_5.jpg" width="123" height="52" /></a><a href="http://www.jb51.net" target="_blank"><img src="images/mfr_8.jpg" width="123" height="52" /></a></li>
 </ul>
 </div>
 <img class="mr_frBtnR next" src="images/mfrR.jpg" width="28" height="46" />
</div>
<script language="javascript">
$(".mr_frUl ul li img").hover(function(){$(this).css("border-color","#A0C0EB");},function(){$(this).css("border-color","#d8d8d8")});
jQuery(".mr_frbox").slide({titCell:"",mainCell:".mr_frUl ul",autoPage:true,effect:"leftLoop",autoPlay:true,vis:4});
</script>
</div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p>
<p>来源：<a href="http://www.jb51.net/" target="_blank">脚本之家</a></p>
</div>
</body>
</html>

Di atas ialah kod kesan khas menatal kiri dan kanan rakan kongsi jQuery yang dikongsi dengan anda.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jQuery melaksanakan kod kesan pensuisan gelongsor gaya TAB untuk wilayah dan bandar di seluruh negara_jqueryArtikel seterusnya：jQuery melaksanakan kod kesan pensuisan gelongsor gaya TAB untuk wilayah dan bandar di seluruh negara_jquery

Artikel berkaitan

Lihat lagi