Time of Update: 2013-10-22
Jquery是繼prototype之後又一個優秀的Javascrīpt架構。它是輕量級的js庫(壓縮後只有21k) ,它相容CSS3,還相容各種瀏覽器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使使用者能更方便地處理HTML
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
Time of Update: 2013-10-22
在一些應用中,有時我們提交表單內容如(密碼)重要訊息時,為了安全,需要阻止一些複製剪下和粘貼事件,今天做了一個簡單的例子有關阻止複製剪下和粘貼事件: 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>pwd不能複製粘貼</title> <script type="text/javascript" src="js/jquery-
Time of Update: 2013-10-22
複製代碼 代碼如下:function SetIFrameHeight(down) { var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; &
Time of Update: 2013-10-22
在做校園網視頻網站的時候,首頁有一個導航頁面要實現滾動效果,有範例,但代碼是在難弄懂,貌似網頁設計這塊還是只有自己的代碼自己懂,索性就仿造別人的效果自己做了一個,大體上還行,看起來還是比較流暢的,不次於原作的么。 現在先把代碼拷貝到這裡,以後再逐一簡化修改: 實現滾動效果,指令碼代碼如下: 複製代碼 代碼如下: var all=0; var no=0; var s_width=0; $(document).ready(function(){ all=$('.slide').length;
Time of Update: 2013-10-22
如下: 首頁面index.html: 複製代碼 代碼如下: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"/> <title>Drag and drop</title> <link rel="stylesheet" href="main.css"> <script src="http://ajax.googleapis.
Time of Update: 2013-10-22
擷取頁面中元素到文檔地區document的橫向、縱向座標的兩種方法及其比較 在js控制元素運動的過程中,對於頁面元素座標位置的擷取是經常用到的,這裡主要總結下兩種方法: 一:通過疊加元素對象和它的offsetParent(如果存在)的offsetLeft/offsetTop屬性來實現
Time of Update: 2013-10-22
複製代碼 代碼如下: <link href="css/jquery.ui.base.css" rel="stylesheet" type="text/css" /> <link href="css/jquery.ui.theme.css" rel="stylesheet" type="text/css" /> <script src="http://maps.google.com/maps/api/js?sensor=false"
Time of Update: 2013-10-22
複製代碼 代碼如下:<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title><font face="Verdana, Geneva, sans-serif"></font><style
Time of Update: 2013-10-22
jquery 提交值不為空白的元素 可以用來查詢的時候用 具體代碼: 複製代碼 代碼如下: //在執行查詢的時候,如果表單的欄位為空白 就不進行提交 $("#form1").submit(function(){ try { $(this).find("*").each(function(){ var elem = $(this); if (elem.prop("name") != null&&elem.prop("name") != "") { if(elem.val()==""){ elem.
Time of Update: 2013-10-22
一看很明顯是沒有引用指令碼庫,但是指令碼庫確認引用了。 後面,把<script type="text/javascript"
Time of Update: 2013-10-22
使用jQuery擷取樣式中的background-color的值時發現在擷取到的顏色值在IE10以下版本中是以HEX格式顯示【#ffff00】,而IE10,、Chrome、Firefox中則是以GRB格式顯示【rgb(255,0,0)】,由於需要對顏色值進行判斷處理,所以需要得到統一的顏色格式,最好是HEX格式的,方便處理點。搜尋了一下,從國外的一個網站上得到一段代碼:複製代碼 代碼如下:$.fn.getHexBackgroundColor = function() { &
Time of Update: 2013-10-22
首先你要確定你是要禁用全域的還是指定控制項 ,如我只要禁用一個文字框的上下鍵 複製代碼 代碼如下: NoExec = function(event) { var k = event.which || event.keyCode; if (k == 13 || k == 38 || k == 40) { if ($("#atWinByArea").attr("id")) { if (event.which) {//Firefox event.preventDefault(); } else {//
Time of Update: 2013-10-22
window.close(),一看就知道是用來關閉瀏覽器視窗的方法。W3CSchool對該方法的解釋如下:方法 close() 將關閉有 window 指定的頂層瀏覽器視窗。某個視窗可以通過調用 self.close() 或只調用 close() 來關閉其自身。只有通過 JavaScript 代碼開啟的視窗才能夠由 JavaScript 代碼關閉。這阻止了惡意的指令碼終止使用者的瀏覽器。
Time of Update: 2013-10-22
封裝好的運動架構Move(obj,attr,iTarget),可直接調用:可用於設定width、border、fontSize、marginLeft、opacity等許多常見屬性值的變速變化,實現各種有趣效果。相容IE和FF。複製代碼 代碼如下:/**************** * * IE-BUG: *
Time of Update: 2013-10-22
js+html5 canvas實現的塗鴉畫板特效,可調畫筆顏色|粗細|橡皮,可以儲存塗鴉效果為圖片編碼,非常適合學習html5的canvas,必須支援html5的瀏覽器才能看到效果。 複製代碼 代碼如下: <!doctype html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>javascript結合html5
Time of Update: 2013-10-22
複製代碼 代碼如下://工具方法彈出蒙版 add by dning 2012-11-4var maskShow = (function () { var mask = null; var curr = null; var free = false; var func =
Time of Update: 2013-10-22
昨天在寫上次那個動態產生年月日下拉框和文字框限制輸入的時候遇到了一個問題,文字框裡輸入的時候要開始計算文字框裡面輸入了多少字,自然想到了onkeydown事件,然後計算value.length的方法,看代碼吧 複製代碼 代碼如下: moto.onkeydown=function(){ var curlen=+this.value.length; shuru.innerHTML=curlen; shuru2.innerHTML=+(200-curlen); if(curlen>=200){
Time of Update: 2013-10-22
複製代碼 代碼如下: $(function() { $("#left").click(function(){ $(".block").show(); $(".block").animate({ width: "+200px", height: "+200px", fontSize: "1em", borderWidth: 10 }, "slow","swing"); }); $("#right").click(function(){ $(".block").show(); $(".block")
Time of Update: 2013-10-22
效果如下: 複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <style type="text/css"> .code