Time of Update: 2013-10-22
複製代碼 代碼如下: //常規實現一: function isHasElementOne(arr,value){ for(var i = 0,vlen = arr.length; i < vlen; i++){ if(arr[i] == value){ return i; } } return -1; } //實現二: function isHasElementTwo(arr,value){ var str = arr.toString(); var index =
Time of Update: 2013-10-22
同時適合IE、firefox、Google瀏覽器下適用,經過篩選代碼如下: 複製代碼 代碼如下://禁用右鍵、文本選擇功能、複製按鍵$(document).bind(“contextmenu”,function(){return false;});$(document).bind(“selectstart”,function(){return false;});$(document).keydown(function(){return
Time of Update: 2013-10-22
可以用jquery的post或者是get方法去實現($.post(url, params, callback ) $.get(url, params, callback) ) 傳回值:XMLHttpRequest 參數: •url (String): 裝入頁面的URL地址。 •params (Map): (可選)發送到服務端的鍵/值對參數。 •callback (Function): (可選) 當遠程頁面裝入完成時執行的函數. 我們在做表單提交的時候
Time of Update: 2013-10-22
下面我給大家分享我的方法:在jquery中要顯示與隱藏層是很簡單的直接使用hide與show方法就可以了,但要定時我們需要利用setTimeout函數來執行個體,下面我給大家分享我的方法。html頁面中我們隨便放些東西複製代碼 代碼如下:<div class="toolbarframe" style="display:none;"><a href="http://www.jb51.net" target="_blank"><img src="/upfile/swf/
Time of Update: 2013-10-22
最近在做一個二維碼的項目,所以在隨便看的時候發現這個感覺挺不錯的。jquery除了它自己非常出色的js功能之外還附帶有數不清的外掛程式,可以完成各種美好的效果和功能。jquery.qrcode就是其中一個,用來線上產生二維碼。 qrcode外掛程式在github上開源的地址在https://github.com/jeromeetienne/jquery-qrcode 它的後面附帶有使用說明,只有簡單的四步,非常方便的調用。
Time of Update: 2013-10-22
Jquery中綁定事件有三種方法:以click事件為例 (1)target.click(function(){}); (2)target.bind("click",function(){}); (3)target.live("click",function(){}); 第一種方法很好理解,其實就和普通JS的用法差不多,只是少了一個on而已 第二、三種方法都是綁定事件,但是二者又有很大的不同,下面著重講解一下,因為這個如果用到Jquery的架構的話是用的挺多的,尤其要注意二者的區別。
Time of Update: 2013-10-22
複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type"
Time of Update: 2013-10-22
複製代碼 代碼如下:<html><head><title>滾動文字效果</title><style type="text/css">#infozone{font-size:12px;color:#aa6;overflow:hidden;width:100px;height:20px;}#infozone
Time of Update: 2013-10-22
複製代碼 代碼如下: <SPAN style="FONT-SIZE: 14px"><!DOCTYPE html> <html> <head> <title>表格處理.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description"
Time of Update: 2013-10-22
複製代碼 代碼如下: <SPAN style="FONT-SIZE: 14px"><!DOCTYPE html> <html> <head> <title>複選框處理.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description"
Time of Update: 2013-10-22
分享一個氣泡提示框,練習的技術有:(1)JS響應滑鼠的事件;(2)純CSS製作三角形。 效果這樣: 這是html: 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>氣泡對話方塊</title> <script src="myBubbleTooltip.js"></script>
Time of Update: 2013-10-22
網站焦點圖是一種網站內容的展現形式,可簡單理解為一張圖片或多張圖片展現在網頁上就是網站焦點圖。在網站很明顯的位置,用圖片組合播放的形式,類似焦點新聞的意思只不過加上了圖片。一般多使用在網站首頁版面或頻道首頁版面,因為是通過圖片的形式,所以有一定的吸引性、視覺吸引性。容易引起訪問者的點擊,據國外的設計機構調查統計,網站焦點圖的點擊率明顯高於純文字,轉化率高於文字標題5倍。由此看來焦點圖的能讓遊客對企業的第一印象大大提升,下面就給大家介紹一個我們項目中封裝使用的漂亮大氣的全屏焦點圖。如所示:可添加多
Time of Update: 2013-10-22
首先聲明的是: document.getElementByName方法沒有。document.getElementsByName得到的是標籤的數組 document.getElementId得到的是某一個標籤 <form name="form_write"> <input name="content" type="text"> 然而可以用很淺顯的方式得到如: var fn = document.getElementsByName("form_write")[0];
Time of Update: 2013-10-22
在工作中,總是遇到很多禁止非數字字元輸入的文字框,比如手機號碼了 郵編了 複製代碼 代碼如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="style.css"> </head> <script src="http://
Time of Update: 2013-10-22
複製代碼 代碼如下: //頁面載入完執行resizeImage()函數 $(document).ready(resizeImage()); function resizeImage(){ $(".pic a img").each(function(){ //載入圖片至記憶體,完成後執行 $(this).load(function(){ //獲得原始圖片高寬 var imgWidth = $(this).width(); var imgHeight = $(this).height();
Time of Update: 2013-10-22
複製代碼 代碼如下: function getmonths(dateday){ /*擷取當前日期的月份*/ var curDate = new Date(dateday); return curDate.getMonth()+1; }; function getYears(dateday){ /*擷取當前日期的年份*/ var curDate = new Date(dateday); return curDate.getFullYear(); }; function
Time of Update: 2013-10-22
一個DIV層,當滑鼠移進的時候會觸發onmouseover,移出的時候會觸發onmouseout。 很簡單的邏輯,這也是我們想要的!但隨之煩惱也就來了:onmouseover並不會只在移進時才觸發,onmouseout也不會只在移出時才觸發!滑鼠在DIV裡面移動時也會可能觸發onmouseover或onmouseout。
Time of Update: 2013-10-22
1.滑鼠經過時自動選擇文本Code:複製代碼 代碼如下:滑鼠划過自動選中:<input type="text" value="預設值" onMouseOver="this.focus();" onfucus="this.seelct()" />2.設定選項按鈕Code:複製代碼 代碼如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Time of Update: 2013-10-22
"window.location.href"、"location.href"是本頁面跳轉 "parent.location.href"是上一層頁面跳轉 "top.location.href"是最外層的頁面跳轉 舉例說明: 如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js這樣寫 "window.location.href"、"location.href":D頁面跳轉 "parent.location.href":C頁面跳轉
Time of Update: 2013-10-22
一個JavaScript邏輯,會自動綁定函數到按鈕的click事件,但是這段代碼會反覆註冊事件。這樣依賴onNext函數會在點擊一次按鈕的時候多次觸發。 這是JQuery內部沒有判斷是否綁定多次,懷疑其內部用了數組儲存事件函數,而且沒有去重。 下面的代碼預防了這個問題。解決方案很簡單。 複製代碼 代碼如下: if (!this.hasPageBarEvents) { $(".pNext").on("click", this, this.onNext);