可以浮動某個物件的jquery控制項用法實例_jquery
本文實例講述了可以浮動某個物體的jquery控制項。分享給大家供大家參考。具體如下：
js程式碼如下：
(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);
html程式碼如下：
<!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>
希望本文所述對大家的jquery程式設計有所幫助。
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
HTML、CSS和jQuery：製作一個有浮動效果的按鈕
Oct 24, 2023 pm 12:09 PM
HTML、CSS和jQuery：製作一個帶有浮動效果的按鈕，需要具體程式碼範例引言：如今，網頁設計已成為一種藝術形式，透過使用HTML、CSS和JavaScript等技術，我們能夠為頁面增加各種各樣的特效和互動效果。本文將簡要介紹如何用HTML、CSS和jQuery製作一個帶有浮動效果的按鈕，並提供具體的程式碼範例。一、HTML結構首先，我們需要在HTML檔中
清除浮動有什麼方法
Feb 22, 2024 pm 04:00 PM
清除浮動有什麼方法，需要具體程式碼範例在網頁佈局中，浮動是一種常用的佈局方法，可以讓元素脫離文件流，並相對其他元素進行定位。然而，使用浮動佈局時常常會遇到一個問題，就是父元素無法正確地包裹浮動元素，導致頁面產生佈局錯亂的情況。所以，我們需要採取措施來清除浮動，使得父元素能夠正確地包裹浮動元素。清除浮動的方法有多種，以下將介紹常用的幾種方法，並給出具體的程式碼範例
HTML佈局技巧：如何使用position屬性進行浮動元素控制
Oct 21, 2023 am 09:22 AM
HTML版面技巧：如何使用position屬性進行浮動元素控制在網頁設計中，佈局是非常重要的一環。透過合理的版面可以讓網頁更加美觀易讀，提升使用者體驗。而在實作佈局過程中，浮動元素的控制是其中一個關鍵點。 HTML提供了position屬性，透過這個屬性我們可以實現對浮動元素的控制。本文將介紹如何使用position屬性進行浮動元素的佈局，並提供一些具體的程式碼
CSS浮動與清除浮動：掌握浮動與清除浮動的技巧
Nov 18, 2023 am 10:56 AM
CSS浮動和清除浮動：掌握浮動和清除浮動的技巧，需要具體程式碼範例在網頁設計和開發中，CSS浮動（float）是常見的佈局技術之一。使用浮動可以將元素向左或向右移動，從而實現元素在頁面中的位置調整和排列。然而，浮動元素也會造成頁面一些問題，例如父元素高度塌陷等。因此，掌握浮動的使用和清除浮動的技巧非常重要。本文將重點放在CSS浮動和清除浮動的技巧，並提供具
CSS 圖片屬性指南：outline 和 display
Oct 25, 2023 am 08:57 AM
CSS圖片屬性指南：outline和displayCSS是前端開發中不可或缺的一部分，其中圖片屬性也是不可或缺的。在這篇文章中，我們將重點介紹兩個關於圖像屬性的重要概念：outline和display。本文將詳細說明它們的定義、用法以及具體的程式碼範例。 outline屬性概述：outline屬性用於在元素周圍建立一個輪廓線，不佔據佈局空間。它是
CSS 佈局屬性大全：display，position 和 float
Oct 20, 2023 pm 05:36 PM
CSS佈局屬性大全：display，position和floatCSS是用來控制網頁樣式的一種標記語言。在設計網頁佈局時，佈局屬性是非常重要的。 CSS提供了多種佈局屬性，其中最常用的是display，position和float。在本篇文章中，我們將詳細介紹這三種佈局屬性，並提供具體程式碼範例。 display屬性display屬性用來指定元
探討HTML中固定定位無法使用的原因
Jan 20, 2024 am 10:15 AM
HTML中無法使用固定定位的問題探討隨著網路的快速發展，網頁設計也變得越來越複雜多元。在網頁設計中，經常需要使用固定定位（position:fixed）來控制元素的位置，使得頁面可以達到一些特殊的效果。然而，在某些情況下，HTML中卻無法使用固定定位，導致設計師們頭痛不已。本文將探討在HTML中無法使用固定定位的問題，並提供具體的程式碼範例。一、浮動元素
為什麼浮動清除無效時overflow屬性不起作用，原因分析
Jan 27, 2024 am 10:35 AM
為什麼overflow屬性對浮動清除無效，原因解析，需要具體程式碼範例浮動（float）是CSS中常用的佈局方式之一，作用是讓元素脫離文檔流，使其能夠浮動在其父元素的左側或右側。然而，浮動元素會造成一些佈局問題，其中之一就是浮動元素撐不開父元素的高度，導致父元素高度塌陷。為了解決這個問題，我們通常會使用清除浮動的技巧。在清除浮動時，常用到的屬性是overflo
