Time of Update: 2013-10-17
最近一直在忙著建站,可是做好之後,又感覺不是那麼的盡如人意,還要有些許的調動,根據地區不同,而查看不同的網站頁面,由於我產生的頁面都是靜態,著實有些為難的,以前也有發表過一些這方面的文章,但感覺還是挺麻煩的,況且也達不到令自己滿意的效果,所以,在朋友的協助下,找到一個比較方便的方法,就是把以下代碼,加入我們自己需要跳轉的頁面裡,這樣做還是不錯的呢! 複製代碼 代碼如下: <script src="http://counter.sina.com.cn/ip"
Time of Update: 2013-10-17
在這篇文章中,我將通過本教程向您展示了如何建立一個平滑的滾動效果,使用jQuery。讓您可以滾動到你的網頁的頂部或底部 它是如何工作的 首先,載入jquery庫在</ head>標籤結束前: 複製代碼 代碼如下: <script type="text/javascript" src="http://demo.jb51.net/jslib/jquery/jquery1.3.2.js"></script>jQuery滾動到底部: 連結: <a href="
Time of Update: 2013-10-17
複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>動畫效果</title><%--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">--%><script src="Scripts/jquery-1.7.1
Time of Update: 2013-10-17
複製代碼 代碼如下: function MyClass () {} MyClass.hasClassName = function(element, className) { if (!element) return; var elementClassName = element.className; if (elementClassName.length == 0) return false; //用Regex判斷多個class之間是否存在真正的class(前後空格的處理) if
Time of Update: 2013-10-17
html中的select標籤,也是asp.net中的asp:DropDownList控制項。 javascript對它們的操作 一、基礎理解 複製代碼 代碼如下: var e = document.getElementById("selectId"); e. options= new Option("文本","值") ; //建立一個option對象,即在<select>標籤中建立一個或多個<option value="值">文本</option>
Time of Update: 2013-10-17
複製代碼 代碼如下: //實現局部遮罩 <script type="text/javascript"> function Shade(){ var s = document.getElementById("shade"); s.style.display = "block"; } function Display(){ var d = document.getElementById("shade"); d.style.display = "none"; }
Time of Update: 2013-10-17
譯序 Three.js是一個偉大的開源WebGL庫,WebGL允許JavaScript操作GPU,在瀏覽器端實現真正意義的3D。但是目前這項技術還處在發展階段,資料極為匱乏,愛好者學習基本要通過Demo源碼和Three.js本身的源碼來學習。 0.簡介 之前我已經給出了一篇《開始使用Three.js》。如果你還沒有讀過,你可能需要去讀一下,本文的基礎是在那一篇教程的基礎上完成的。
Time of Update: 2013-10-17
jQuery是一款當之無愧的JS開源架構,憑藉其小巧實用佔領了很大的開發市場,jQuery另外一個優勢就是擁有豐富多彩的外掛程式,這些外掛程式可以協助你簡化很多的開發過程。下面介紹的6款實用jQuery小外掛程式及源碼,希望大家喜歡。1、jQuery智能單詞提示工具這是一款可以根據當前輸入智能提示單詞的外掛程式,效果很棒。線上示範 /源碼下載2、CSS3實現的Photoshop按鈕效果這是用jQuery和CSS3實現的Photoshop按鈕效果。線上示範
Time of Update: 2013-10-17
當我們在文字框裡輸入文字敲下斷行符號後,希望在提交後網頁也顯示是換行的效果,這時我們需要把提交的內容做下處理 才可以達到效果。 1、定義js原生的替換函數。js裡沒有replaceAll的函數,需要我們自訂 複製代碼 代碼如下: String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); } 2、使用js的replace進行處理 複製代碼 代碼如下:
Time of Update: 2013-10-17
1. 事件目標 現在,事件處理常式中的變數event儲存著事件對象。而event.target屬性儲存著發生事件的目標元素。這個屬性是DOM API中規定的,但是沒有被所有瀏覽器實現 。jQuery對這個事件對象進行了必要的擴充,從而在任何瀏覽器中都能夠使用這個屬性。通過.target,可以確定DOM中首先接收到事件的元素(即實際被單擊的元素)。而且,我們知道this引用的是處理事件的DOM元素,所以可以編寫下列代碼:複製代碼 代碼如下:$(document).ready(function(){
Time of Update: 2013-10-17
分享一個Javascript編寫函數的最佳化技巧。 適用的函數應該要滿足以下條件: 產生固定結果頁面中多次調用 複雜或較耗時 代碼和分析如下: Java代碼: 複製代碼 代碼如下: //產生固定結果並且在頁面中多次調用的函數 function check() { //類比耗時操作 var begin = Date.now(); //ECMAScript5添加的,若不支援請改成 +new Date(); var ONE_SECOND = 1000, result = false;
Time of Update: 2013-10-17
繼續分享一個我自己寫的 ToolTip提示外掛程式,希望大家支援我,給我點評論,哪怕罵我的也好啊,讓我知道有人在關注我“小豆” 嘿嘿。廢話不多說上代碼! 複製代碼 代碼如下: $.fn.ToolTip = function (option) { var defaults = { direction: "down", star: function () { }, from: $(this), url: '../images/arrow.png' }; //方法內基礎變數 var opt =
Time of Update: 2013-10-17
注:翻譯之中有什麼不恰當的地方,歡迎大家指正,祝大家雙節快樂! 如果不是有特殊需要而去擴充原生對象和原型(prototype)的做法是不好的 複製代碼 代碼如下: //不要這樣做 Array.prototype.map = function() { // 一些代碼 }; 除非這樣做是值得的,例如,向一些舊的瀏覽器中添加一些ECMAScript5中的方法。 在這種情況下,我們一般這樣做: 複製代碼 代碼如下: if (!Array.prototype.map) {
Time of Update: 2013-10-17
jquery.bgiframe.js在IE9下的錯誤 複製代碼 代碼如下: SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5) jquery.bgiframe.js, 行8 字元976 錯誤碼 複製代碼 代碼如下: 1
Time of Update: 2013-10-17
html5原生支援placeholder,對於不支援的瀏覽器(ie),可用js類比實現。 js代碼 複製代碼 代碼如下: (function(){ //判斷是否支援placeholder function isPlaceholer(){ var input = document.createElement('input'); return "placeholder" in input; } //不支援的代碼 if(!isPlaceholer()){ //建立一個類 function
Time of Update: 2013-10-17
當你需要使用彈出框時,當然可以使用jquery-ui,artdiag,blockUI等等,但今天我介紹一個輕量級的外掛程式 boxy!它可以把美工設計的彈出框很容易的體現出來,而且相容性還不錯! 複製代碼 代碼如下: <script type='text/javascript'> $(function() { $('#ask-actuator').click(function() { Boxy.ask("How are you feeling?", ["Great", "OK", "
Time of Update: 2013-10-17
前言 上一篇文章,我們講解了影像金字塔,這篇文章我們來瞭解仿射變換。仿射?任何仿射變換都可以轉換成,乘以一個矩陣(線性變化),再加上一個向量(平移變化)。實際上仿射是兩幅圖片的變換關係。例如我們可以通過仿射變換對圖片進行:縮放、旋轉、平移等操作。一個數學問題在解決仿射問題前,我們來做一個數學題。,對於點(x1, y1),相對於原點旋轉一個角度a,那麼這個點到哪裡了呢?我們將座標系變成極座標系,則點(x1, y1)就變成了(r, β),而旋轉後變成(r, α+
Time of Update: 2013-10-17
今天閑的無聊,把以前遺留的問題解決一下,比如讓人頭痛的Jquery亂碼問題。其實這方面文章已經很多了,但全面解決各種問題的很少,今天總結一下,方便自己也方便大家。原因很簡單: 其實他的中文亂碼就是因為contentType沒有指定編碼,對於不同Jquery的版本中這個地方有不同的設定,就拿我遇到的,jquery-1.6.1和jquery-1.8.3就有不同的定義。 解決辦法:在jquery-1.6.1檔案中,搜尋'contentType'
Time of Update: 2013-10-17
圖片輪播是網站中的常用功能,用於在有限的網頁空間內展示一組產品圖片或者照片,同時還有非常迷人的動畫效果。本文向大家推薦12款實用的 jQuery 圖片輪播效果外掛程式,協助你在你的項目中加入一些效果精美的圖片輪播效果,希望這些外掛程式能夠協助到你。Nivo Slider 首先推薦的這款外掛程式號稱世界上最棒的圖片輪播外掛程式,有獨立的 jQuery 外掛程式和 WordPress 外掛程式兩個版本。目前下載量已經突破 1,800,000 次!jQuery
Time of Update: 2013-10-17
用例如下: 複製代碼 代碼如下: <form name="form1" method="POST" action="--WEBBOT-SELF--"> <select id="select1" onchange="select1onchange()"> <option value="1">1</option> <option value="2">2</option> <option value="3">3<