masyarakat

Belajar

Perpustakaan Alatan

Alat AI

Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial js > javascript:google 向上向下滚动特效,兼容IE6,7,8,FF_javascript技巧

javascript:google 向上向下滚动特效,兼容IE6,7,8,FF_javascript技巧

WBOY

Lepaskan： 2016-05-16 18:21:18

asal

1088 orang telah melayarinya

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>2010最新全面兼容ie6,ie7,ie8,ff的CSS HACK写法</title> 
<style type="text/css"> 
#google1 { 
border:none; 
width:270px; 
height:20px; 
margin:0px 0; 
font-size:12px; 
padding-left:0px; 
overflow:hidden; 
font-family:Arial; 
} 
#google1 ul { 
margin:0px; 
padding:0px; 
list-style-type:none; 
} 
#google1 li { 
line-height:20px; 
} 
</style> 
 
 
<div id="google1"> 
<ul id="dhooo1"> 
<li><a href="http://www.baidu.com" target="_blank" class="hei">轮回﹒修真﹒神话 创意新作《岐山》首度公开</a></li> 
<li><a href="http://www.jb51.net" target="_blank" class="hei">西游战记炫彩登场 1080P高清画面享受</a></li> 
<li><a href="http://s.jb51.net" target="_blank" class="hei">开测前必读 《西游战记》新手问题合辑</a></li> 
<li><a href="http://tools.jb51.net" target="_blank" class="hei">呕血推荐 《西游战记》36大亮点纵览</a></li> 
<li><a href="http://www.jb51.net/softs/" target="_blank" class="hei">1开测前必读 《西游战记》新手问题合辑</a></li> 
<li><a href="http://www.jb51.net/codes/" target="_blank" class="hei">2开测前必读 《西游战记》新手问题合辑</a></li> 
</ul> 
</div> 
<script type="text/javascript"> 
xS=function(A,B,C,D,E,F){ 
var $=function (id){return document.getElementById(id)},Y=+!!F; 
(A=$(A)).appendChild((B=$(B)).cloneNode(true)); 
(function (){ 
var m=A.scrollTop%C?(E||0):D; 
A.scrollTop=[0,B.offsetHeight][Y]==A.scrollTop?[B.offsetHeight-1,1][Y]:(A.scrollTop+[-1,1][Y]); 
setTimeout(arguments.callee,m); 
})() 
return arguments.callee; 
} 
xS('google1','dhooo1',20,3000,10,1); 
</script>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

这个代码是我之前带网上找的，因为今天再次用到，所以记录下来，免得以后都找不到，我现在想去搜它的说明文档都搜不到！

这个代码非常简洁，且浏览器兼容性超好，唯一的问题就是如果你要滚动多条的话就会有问题! 所以需要调参数C 和样式里面的高度

Label berkaitan：

css hack

sumber：php.cn

Artikel sebelumnya：jQuery中的bind绑定事件与文本框改变事件的临时解决方法_jquery Artikel seterusnya：结构/表现/行为完全分离的选项卡(jquery版和原生JS版)_jquery

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

Artikel terbaru oleh pengarang

Apakah itu NullPointerException, dan bagaimana saya membetulkannya?

2024-10-22 09:46:29
Daripada Novis kepada Coder: Perjalanan Anda Bermula dengan Asas C

2024-10-13 13:53:41
Membuka Kunci Pembangunan Web dengan PHP: Panduan Pemula

2024-10-12 12:15:51
Demystifying C: Laluan Yang Jelas dan Mudah untuk Pengaturcara Baharu

2024-10-11 22:47:31
Buka Potensi Pengekodan Anda: Pengaturcaraan C untuk Pemula Mutlak

2024-10-11 19:36:51
Lepaskan Pengaturcara Dalaman Anda: C untuk Pemula Mutlak

2024-10-11 15:50:41
Automasi Kehidupan Anda dengan C: Skrip dan Alat untuk Pemula

2024-10-11 15:07:41
PHP Dipermudahkan: Langkah Pertama Anda dalam Pembangunan Web

2024-10-11 14:21:21
Bina Apa sahaja dengan Python: Panduan Pemula untuk Melancarkan Kreativiti Anda

2024-10-11 12:59:11
Kunci Pengekodan: Membuka Kunci Kuasa Python untuk Pemula

2024-10-11 12:17:31

Isu terkini

Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus

daripada 2024-04-16 10:10:18

0

0

1335

Halaman tiba-tiba tidak dapat menarik css atau bootstrap Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...

daripada 2024-04-06 21:58:04

0

1

800

Ubah suai gaya CSS sebaris secara dinamik dalam Javafx Saya cuba menukar imej latar belakang anak tetingkap apabila aplikasi dimaksimumkan. Latar...

daripada 2024-04-06 20:57:16

0

1

487

Bagaimana untuk membuat elemen terapung disusun secara menegak dan bukannya secara mendatar dalam CSS? Saya cuba membuat halaman web dengan dua lajur, dengan kandungan utama di satu pihak dan k...

daripada 2024-04-06 20:45:26

0

2

386

Adakah terdapat cara untuk memaksa teks dalam flexbox dipusatkan secara menegak, tidak kira apa kod CSS lain yang kita ada? Saya mempunyai kod CSS berikut yang merupakan sebahagian daripada kod CSS yang lebih besar...

daripada 2024-04-06 20:41:51

0

1

518

Topik-topik yang berkaitan

Lagi>

Cadangan popular

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini

Muat turun terkini

Lagi>

kesan web

Kod sumber laman web

Bahan laman web

Templat hujung hadapan