1. 程式人生 > >推薦一個內容滾動jquery外掛

推薦一個內容滾動jquery外掛

myslider是一個內容滾動jquery外掛,版本0.1.2的每次滾動內容是一行內容,可以是文字,可以是一個連結,還可以是圖片。

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <title>myslider</title><base target="_blank" />
 5 <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.1.min.js"></
script> 6 <link href="http://keleyi.com/jq/myslider/css/jquery.myslider.0.1.2.css" type="text/css" rel="Stylesheet" /> 7 <script type="text/javascript" src="http://keleyi.com/jq/myslider/js/jquery.myslider.0.1.2.js"></script> 8 </head> 9 <body> 10 11 <div style="width:300px;margin:10px auto;"
><h2>myslider 0.1.2 demo</h2></div> 12 <div id="myslider_keleyi_com" class="keleyimyslider" style="margin:0px auto;"> 13 <ul> 14 <li>Myslider is a jquery plugin.</li> 15 <li>Very simple to use.</li> 16 <li><a href="http://keleyi.com/jq/myslider/"
><img src="http://keleyi.com/jq/myslider/img/myslider.jpg" alt="myslider" /></a></li> 17 <li><a href="http://keleyi.com/menu/jquery/">jQuery</a></li> 18 <li>It make content scroll.</li> 19 <li><a href="http://keleyi.com/keleyi/">Keleyi Menu Home</a></li> 20 <li><a href="http://plugins.jquery.com/myslider/">jquery plugin</a></li> 21 <li><a href="http://keleyi.com/jq/myslider/">myslider</a></li> 22 <li>http://keleyi.com/jq/myslider/</li> 23 <li>This is a myslider demo.</li> 24 </ul> 25 </div> 26 <script type="text/javascript"> 27 $("#myslider_keleyi_com").myslider({ "width": "500px" 28 , "height": "200px" 29 , "millisec": "3000" 30 , "fontSize": "30px" 31 , "direction": "down" 32 }); 33 </script> 34 <div><a href="http://keleyi.com">home</a> <a href="http://keleyi.com/jq/myslider/demo1/">demo 0.1.0</a> <a href="http://keleyi.com/jq/myslider/demo/2.htm">demo 0.1.1</a></div> 35 36 </body> 37 </html>

相關推薦

推薦一個內容滾動jquery外掛

myslider是一個內容滾動jquery外掛,版本0.1.2的每次滾動內容是一行內容,可以是文字,可以是一個連結,還可以是圖片。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>myslider

導航選單固定頭部跟隨螢幕滾動jQuery外掛

(function($){ $.extend($.fn, { posfixed: function(configSettings){ var settings = { direction:"top",

一個案例介紹jQuery外掛的使用和寫法

       我們在做web的時候都會用到很多jQuery外掛,這些外掛可以很方便的使用。但對於初學者來說想要修改外掛中的一些功能,或者想要自定義外掛卻不是容易的事情。自己也剛好在學習這部分的知識,這裡用一個案例來介紹jQuery外掛的使用和寫法。       就拿單頁導航

推薦一個挺好用的jquery外掛jquery.jqplot.js(畫圖),此處簡略得說一下折線圖的畫法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

一個很好的滾動外掛jquery.slimscroll.js

該外掛的下載地址:                     https://codeload.github.com/rochal/jQuery-slimScroll/zip/v1.3.0 安裝Set up 首先需要引入jquery 在次需要引入:<script s

推薦一個很好用的vscode外掛一個可以給出vuex中store定義資訊的vscode外掛

VueThis$Store 想要解決的問題 在使用Vuex管理自己應用的狀態時,因為狀態過多,為了正確性每次都要開啟vuex定義檔案,去複製定義時的函式名或者狀態名,無形中就浪費了許多時間,為了解決這個痛點,開發了這個vscode外掛。 通過使用 ast 和正則表示式,獲取 store 中所有檔案的定義

jQuery外掛分享】Cropper——一個簡單方便的圖片裁剪外掛

原文地址:https://segmentfault.com/a/1190000012344970   外掛介紹 這是一個我在寫以前的專案的途中發現的一個國人寫的jQuery影象裁剪外掛,當時想實現使用者資料的頭像上傳功能,並且能夠預覽圖片,和對圖片進行簡單的裁剪、旋轉,花了不少

推薦一個十分實用的VUE瀑布流外掛Masonry

Masonry是最流行的瀑布流外掛之一,配置簡單,功能強大,在Github上收穫了1.3w+ stars。如果你想使用瀑布流提升網站體驗,Masonry將是不錯的選擇。 啥是瀑布流: 是比較流行的一種網站頁面佈局,視覺表現為參差不齊的多欄佈局,隨著頁面滾動條向

jQuery外掛jquery.kxbdmarquee.js實現無縫滾動效果

轉:https://www.jb51.net/article/105618.htm 這篇文章主要為大家詳細介紹了jQuery常用外掛jquery.kxbdmarquee.js使用方法詳解,具有一定的參考價值,感興趣的小夥伴們可以參考一下 1.html程式碼 <head> &

jQuery外掛實現select下拉框左右選擇_交換內容(multiselect2side) 的一些網站 (有時間整理)

http://blog.csdn.net/mexican_jacky/article/details/51151495 http://blog.csdn.net/nihaoma71121/article/details/50971672 http://www.t

推薦一個非常有用的WordPress外掛:WP2CSDNBlog

不知大家有沒有我的這種想法,自己做了一個部落格,只想專專心心寫寫部落格,推廣什麼的完全不在行,也不想一次一次的到各個部落格和論壇上進行推廣。但是每當看到自己的文章只有非常非常少的瀏覽量,還是覺得非常傷心的,自己的勞動沒有得到大家的認可。 而且自己做獨立部落格的人一般都有在

jquery div內容滾動到指定的ID位置.

<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(documen

一個簡單的jquery圖片輪播外掛

前提佈局: 左浮li標籤,支援左右切換,自動輪播,原始碼: 引數:ul: 需要動畫的ul   prev:上一個切換按鈕  next: 下一個切換按鈕function rotation(ul, prev, next) { var li = $(ul).find("li

一個簡單的jquery省級聯動外掛

由於專案需要實現省級聯動的效果,於是找了個簡單的外掛,需求基本都可以實現 一、 先儲存地區資料檔案 命名為areaData.js/**  * 儲存地區資訊  * 資料格式  * areaData = [{'pro': '北京', 'cities': {'-1': '北

推薦一個Jenkins 外掛 Build Failure Analyzer

Wiki https://wiki.jenkins-ci.org/display/JENKINS/Build+Failure+Analyzer 作用: 按照預定的build failure 去解析console ouput, 然後高亮顯示出來。 方便定位出錯位置,原因。

【idea】推薦一個idea翻譯外掛:Translation

開啟settings-plugins,開啟Browse repositories(如圖): 搜尋”Translation”,往下找,找到圖中外掛install即可(我是已經安裝了的) 我的外掛版本現在是支援谷歌、有道、百度三種翻譯,其中有道和百度的需

Jquery-nicesrcoll(滾動外掛)使用

<script src="jquery-1.11.1.js"></script> <script src="jquery.nicescroll.js"></script> <style> .box { width: 40

jquery 滾動外掛nanoScroller 的用法

             scroller 外掛nanoScroller 用法           預設滾動條是不是很醜,你可以他進行美化但是相容性有問題,api是不是不夠強大,自己用div做一個滾動條成本太大,這裡給你推薦一款jquery 外掛nanoscroller ,網上關於nanoscroller

jQuery外掛開發精品教程,讓你的jQuery提升一個臺階

要說jQuery 最成功的地方,我認為是它的可擴充套件性吸引了眾多開發者為其開發外掛,從而建立起了一個生態系統。這好比大公司們爭相做平臺一樣,得平臺者得天下。蘋果,微軟,谷歌等巨頭,都有各自的平臺及生態圈。 學會使用jQuery並不難,因為它簡單易學,並且相信你接觸jQuery後肯定也使用或熟悉了不少其外掛

發現一個特別小巧的jquery外掛可以在選擇的時候顯示小圖

一個特表小的jQuery外掛,小到忽略不計了,它可以實現在上傳圖片的時候選擇圖片的回顯到頁面上,很好啊,很簡單 這是例子,也就是全部的程式碼了<!DOCTYPE html> <html lang="en"> <head> <