1. 程式人生 > >jQuery帶控制按鈕向上和向下滾動文字列表

jQuery帶控制按鈕向上和向下滾動文字列表

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery帶按鈕向上滾動向下滾動程式碼 - 何問起</title><base target="_blank" />
<link href="http://hovertree.com/texiao/jquery/64/css/myScroll.css" rel="stylesheet" type="text/css"
/> <script src="http://down.hovertree.com/jquery/jquery-1.4.4.min.js" type="text/javascript"></script> <script src="http://hovertree.com/texiao/jquery/64/js/jq_scroll.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $("#HoverTreeScroll
").Scroll({ line: 1, speed: 500, timer: 3000, up: "but_up", down: "but_down" }); }); </script> </head> <body> <div class="hovertreeinfo"><h2>jQuery帶按鈕向上滾動向下滾動</h2> 可以手動控制滾動,放上滑鼠就停止自動滾動。 <a href="http://hovertree.com/h/bjaf/gundong.htm">原文</a> <a href="http://hovertree.com"
>首頁</a> <a href="http://hovertree.com/texiao/">特效</a> </div> <div class="hovertreebox"> <div id="HoverTreeScroll"> <ul> <li><h3><a href="http://hovertree.com/h/bjaf/6sm1esjw.htm" class="linktit">jQuery實現收起展開功能</a></h3> <div>受到網店的影響,服裝店的生意逐漸有所下降,老闆找何問起去談,大概是準備跟上網購潮流... </div></li> <li><h3><a href="http://hovertree.com/h/bjaf/gundong.htm" class="linktit">不停轉動向上滾動可控制向上向下滾動特效</a></h3> <div>DIV CSS JS自動不斷向上一個一個滾動可控制向上向下滾動特效... </div></li> <li><h3><a href="http://hovertree.com/h/bjaf/5f5eiagg.htm" class="linktit">jquery奔跑吧兄弟特效</a></h3> <div>HTML5/CSS3奔跑動畫DEMO演示,生命在於運動,奔跑吧兄弟! </div></li> <li><h3><a href="http://hovertree.com/h/bjaf/yuyihua.htm" class="linktit">HTML5為什麼火</a></h3> <div>H5擁有伺服器推送技術,能讓使用者擁有更好的網頁上的實時聊天... by 何問起 hovertree.com </div></li> <li><h3><a href="http://hovertree.com/h/bjaf/c7lmaqjx.htm" class="linktit">我的第一個Bootstrap頁面</a></h3> <div>響應式設計:Bootstrap 的響應式 CSS 能夠自適應於桌上型電腦、平板電腦和手機... </div></li> <li><h3><a href="http://hovertree.com/code/jquery/dfkh88e4.htm" class="linktit">jquery同時改變懸停行和列背景色</a></h3> <div>表格懸停效果。當滑鼠懸停到某個單元格上,該單元格所在的行和列背景色都變化... </div></li> </ul> </div> <div class="scroltit"><div class="updown" id="but_down">向上</div><div class="updown" id="but_up">向下</div></div> </div> </body> </html>

相關推薦

jQuery控制按鈕向上滾動文字列表

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery帶按鈕向上滾

MYSQL根據節點向上查詢所有節點

WITH cte AS ( SELECT * ,UnitID AS level FROM UnitTable WHERE UnitID=2 UNION ALL SELECT g.*,level+1 FROM UnitTable g INNER JOIN cte ON g.FatherID=cte.Unit

idea檢視uml圖,向上檢視

前言 idea作為java開發的神奇,確實有好多好用的東西,記錄一下關於介面或者類的uml圖生成功能。 idea某個類的向上生成UML圖 以spirngmvc的原始碼為例,開啟dispatchservlet 如下圖: 1、 2、右鍵空白處,如下圖

jQuery對DOM元素的向上、同級遍歷過濾

jQuery的向下遍歷 例子: <script src="../JS/Extend.js"></script> <script src="../JS/my.js"></script> <link

JavaSE(五)JAVA對象向上轉型轉型

open 其他 解釋 編譯 -- 運行出錯 instance xtend args 今天做了一個測試的題目,發現自己還是很多問題沒有靜下心來做。很多問題是可以自己解決的但是自己一是沒有讀清題意,二是自己心裏太急躁了。所以這個要自己應以為鑒! 對象的轉型問題其實並不復雜,我

JAVA向上轉型轉型

子類 font new ont java向上轉型 clas 之間 string output   最近在看JAVA編程思想,之前學的JAVA只能算是皮毛,大概看到第七章繼承時出現了個名詞-向上轉型。所以就來討論下向上和向下轉型的內容和意義,內容會隨著我看書的進度一直更新的

3.sql中的向上遞歸遞歸

ble 編碼 conn table where 包含 span 順序 ffffff 1.向下遞歸 select * from table_name where 條件 connect by prior bmbm(本級關聯條件)=sjbmbm(上級關聯條件) start wit

JAVA 異常向上拋的優劣勢

總結 bsp java 方便 優劣勢 拋出異常 出現 不能 解決 向上拋: 優點:向上拋出異常,下面代碼清秀; 缺點:不能直接看出拋出異常的代碼; 向下拋: 優點:能直接看到出現異常的代碼,方便查找,顯得嚴謹; 缺

向上查詢父節點遞歸查詢查詢子節點遞歸查詢函數

層級關系 AR 遞歸查詢 sta mpc tid 時間 獲取 由於 本文為博主原創,未經允許不得轉載: 由於在項目中用到了向上查詢父節點的遞歸查詢和向下查詢子節點查詢的遞歸查詢,由於在實現過程中,寫遞歸查詢的sql函數 花費了較長的時間,所以在此總結一下,兩種遞歸查詢的函數

基本數據類型轉換之向上轉型轉換

顯式 上轉型 類型轉化 基本 轉換 字符 隱式 nbsp 相互 向上轉換: 整型,字符型,浮點型的數據在混合運算中相互轉換,轉換時遵循以下原則: 容量小的類型可自動轉換為容量大的數據類型; byte,short,char → int → long → float → dou

JAVA的向上轉型 轉型

向上轉型 是面向物件繼承的一種形式,是指子類物件轉換為父類物件。 看下面的example class Instrument { public void play() { System.out.println("Instrument play"); }

基於Jquery的(可視區域,向上滾動滾動兩種)圖片懶載入

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style>

java——向上轉型轉型

Father f1 = new Son(); // 這就叫 upcasting (向上轉型) // 現在 f1 引用指向一個Son物件 Son s1 = (Son)f1; // 這就叫 downcasting (向下轉型) // 現在f1 還是指向 Son物件 Father f2 =

向上取整取整(ceil round)

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

java語言機制中的多型多型理解以及多型的向上轉型轉型問題

多型中轉型問題往往不容易理解,特別是向上和向下轉型。 下面先說說多型的概念和前提: 1.要有繼承關係; 2.要有方法重寫; 3.要有父類引用指向子類物件; 如果是成員變數的話,編譯看左邊(父類),執行看左邊(子類); 如果是成員方法的話,編譯看左邊(父類),執行看右邊(子類)

Swift Double向上取整取整、Double轉Int/String

floor()函式:向下取整,取小於等於這個數的最大整數 (floor(3.94) = 3) ceil()函式:向上取整,取大於等於這個數的最小整數 (ceil(3.14) = 4) import Foundation extension Double { func int

向上轉型轉型

向上轉型:把子類物件轉成父類型別,即父類的引用指向子類物件。 A為父類,B為子類。 A b = new B(); 向上轉型時會執行子類重寫父類的方法,以及父類特有的方法。但是會丟失子類中特有的方法和資料。 向下轉型:把父類物件轉成子類型別,即將子類的引用指向父類

java學習-向上轉型轉型

一,多型 在設計一個方法的時候,通常希望該方法具備一定的通用性。比如實現一個動物叫的方法,每個動物的叫聲是不一樣的,可以在方法中接收一個動物型別的引數,當傳入貓類物件的時候就發出喵的聲音,相對傳入狗的物件就發出汪的聲音。同一個方法這種應為引數不同而導致執行效果不同的現象叫做

多型之向上轉型轉型

向上轉型:         將子類物件轉換為父類物件 : Father f = new Son(); 這樣產生的物件f,將會擁有父類的屬性和子類的方法。當然,子類的方法複寫了父類的方法,輸出的結果自然是父類的。而f的屬性卻依舊是父類時候的屬性值。舉個栗子

Java多型中的向上轉型轉型

向上轉型:將一個父類的引用指向一個子類物件,稱為向上轉型,自動進行型別轉換     用法: Father f = new Son(); 向下轉型:子類引用指向父類引用的子類物件  通俗的說就是子類例項物件賦值給父類引用,然後父類引用又要賦值給子類引用,這個過程就是向下轉型