hujung hadapan web
tutorial js
Contoh penggunaan kawalan jquery yang boleh mengapung objek_jquery
Contoh penggunaan kawalan jquery yang boleh mengapung objek_jquery
May 16, 2016 pm 03:49 PMContoh dalam artikel ini menerangkan kawalan jquery yang boleh mengapungkan objek. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
Kod js adalah seperti berikut:
(function($){
$.fn.scrolltip = function(){
$(this).each( function() {
var obj = $(this);
var objtop = obj.position().top;
$(window).scroll(function(){
obj.css({
top:$(window).scrollTop()+objtop,
position:'absolute'
});
});
});
}
})(jQuery);
Kod html adalah seperti berikut:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<script type="text/javascript" src="lib/jquery/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/tip.js"></script>
</script>
<title>JQuery</title>
</head>
<body><div style="height:300px;background:#eee"><span id="colspon"></span></div>
<br/>
<br/>
<br/>
<div id="float" style="width:744px;height:34px;border:1px solid #C0DBF8;"></div>
<div style="height:1000px;background:#eee"></div>
</body>
</html>
Saya harap artikel ini akan membantu reka bentuk pengaturcaraan jquery semua orang.
Artikel Panas
Alat panas Tag
Artikel Panas
Tag artikel panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
HTML, CSS dan jQuery: Buat butang dengan kesan terapung
Oct 24, 2023 pm 12:09 PM
HTML, CSS dan jQuery: Buat butang dengan kesan terapung
Adakah terdapat sebarang cara untuk membersihkan terapung?
Feb 22, 2024 pm 04:00 PM
Adakah terdapat sebarang cara untuk membersihkan terapung?
Petua reka letak HTML: Cara menggunakan atribut kedudukan untuk kawalan elemen terapung
Oct 21, 2023 am 09:22 AM
Petua reka letak HTML: Cara menggunakan atribut kedudukan untuk kawalan elemen terapung
Panduan untuk sifat imej CSS: garis besar dan paparan
Oct 25, 2023 am 08:57 AM
Panduan untuk sifat imej CSS: garis besar dan paparan
CSS Floats dan Clear Floats: Menguasai Terapung dan Clear Floats
Nov 18, 2023 am 10:56 AM
CSS Floats dan Clear Floats: Menguasai Terapung dan Clear Floats
Senarai lengkap sifat susun atur CSS: paparan, kedudukan dan apungan
Oct 20, 2023 pm 05:36 PM
Senarai lengkap sifat susun atur CSS: paparan, kedudukan dan apungan
Bincangkan sebab kedudukan tetap tidak boleh digunakan dalam HTML
Jan 20, 2024 am 10:15 AM
Bincangkan sebab kedudukan tetap tidak boleh digunakan dalam HTML
Petua pengoptimuman sifat menu lungsur CSS: kedudukan dan indeks-z
Oct 20, 2023 pm 12:02 PM
Petua pengoptimuman sifat menu lungsur CSS: kedudukan dan indeks-z
