rakan kongsi jQuery menatal kiri dan kanan effects

Rumah

tutorial js

rakan kongsi jQuery menatal kiri dan kanan effects_jquery

May 16, 2016 pm 03:42 PM

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

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

Salin selepas log masuk

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

Kenyataan Laman Web ini

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