Time of Update: 2013-10-17
首先看看這兩個單詞的英文釋義(來自有道詞典)。先是property: 複製代碼 代碼如下: property ['prɔpəti] n. 性質,效能;財產;所有權 英英釋義: any area set aside for a particular purpose “the president was concerned about the property across from the White House” 同義字:place something owned; any
Time of Update: 2013-10-17
複製代碼 代碼如下: jsFiddleRun again Edit this fiddle Result HTML <!DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title>放大鏡</title> <style> img{ vertical-align:bottom;} .mod_zoom{ overflow:hidden; zoom:1;} .
Time of Update: 2013-10-17
一、Jquery向aspx頁面請求資料 前台頁面JS代碼: 複製代碼 代碼如下: $("#Button1").bind("click", function () { $.ajax({ type: "post", url: "default.aspx", data: "name=" + $("#Text1").val(), success: function (result) { alert(result.msg); } }); }); 複製代碼 代碼如下: <input
Time of Update: 2013-10-17
效果示範:原始碼: 複製代碼 代碼如下: <script style="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.4.1/mootools-yui-compressed.js"></script> </head> <body id='a'> <h2 class='a'>Single images</h2> <div
Time of Update: 2013-10-17
首先我在網上看到不少文章大體上分為兩個(不正確)觀點: 1. cancelBubble用於ie的阻止冒泡事件,event.stopPropagation()用於firefox和chrome等其他瀏覽器。 先不講上面是對是錯 先看一個例子:(測試環境:chrom5.0.275.7, moz3.6.4, opera10.53, ie6,7,8) 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
Time of Update: 2013-10-17
補充一點: 要禁止移動中選中文字,FF可以設定CSS xxxx{-moz-user-select:none;} 其他的瀏覽器可以設定 XXXX.onselectstart = function(){return false} 一種實現原理就是點擊沒目標元素之後,建立一個佔位元素(或者複製一份目標元素,即拷貝B),然後拖動目標元素(或者複製的來的新元素B); 找到相應的位置之後,插入目標元素。清除佔位元素或者B。 比如有一個列表: 複製代碼 代碼如下: <!DOCTYPE html
Time of Update: 2013-10-17
1.只能輸入數字和英文的: <input onkeyup="value=value.replace(/[/W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" ID="Text1" NAME="Text1"> 2.只能輸入數位: <input onkeyup="value=value.replace(/[^/d]/g,
Time of Update: 2013-10-17
但感覺這樣寫很沒意思。 jquery的優勢就是簡單的代碼就能帶來更好的使用者體驗。 所以就找幾個我感覺實用的例子,拿出來介紹下。順帶把其中用到的操作和事件介紹下。 html代碼: <input type="text" id="address" value="請輸入郵箱地址"/> jquery代碼: 複製代碼 代碼如下: $(document).ready(function(){ $('#address').focus(function(){ var add_value=$(this)
Time of Update: 2013-10-17
a={id:1,get:function(){alert(this.id)}} $("#test").click(a.get)//這時候所指的id就不是1,而是test 如果想要得到的是1,那就必須改變上下文環境$. $.proxy()的作用就是改變當前上下文環境。 $("#test").click($.proxy(a,"get")) $("#test").click($.proxy(a.get,a)) proxy: function( fn, context ) {//
Time of Update: 2013-10-17
style="vertical-align:bottom;"不管用,上網搜尋說要用js實現,找了個代碼,測試不成功,主要是代碼太多太亂沒法心情測試了。 於是就自己寫吧。 複製代碼 代碼如下: $(function () { if ($.browser.msie || $.browser.mozilla || $.browser.opera) {//IE Firefox Opera之類瀏覽器 $(".productli img").each(function () { var margin = 1
Time of Update: 2013-10-17
複製代碼 代碼如下: var obj = {length:0,splice:function(){}} console.log(obj) 猜猜上面會列印出啥? 沒錯,列印出來的看起來是一個空數組。。。 在FIREBUG裡如果一個對象同時擁有length屬性和splice方法,就會被firebug顯示為數組的形式。。。 如果以前注意過的話就會發現JQUERY就是這麼寫的,通過選取器列印出來的看起來跟數組一樣。
Time of Update: 2013-10-17
測試例子: 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <
Time of Update: 2013-10-17
外掛程式說明 - jBox 是一款基於 jQuery 的多功能對話方塊外掛程式,能夠實現網站的整體風格效果,給使用者一個新的視覺享受。 運行環境 - 相容 IE6+、Firefox、Chrome、Safari、Opera 等主流瀏覽器。 使用授權 - jBox 永久免費使用,但是必須保留相關的著作權資訊。如果有好的建議,可以直接在下面留言。 版本:2.3 大小:19.8k 下載:點擊下載 線上demo:http://www.kudystudio.com/jbox/jbox-demo.html [
Time of Update: 2013-10-17
複製代碼 代碼如下: (function ($) { var FormatDateTime = function FormatDateTime() { }; $.FormatDateTime = function (obj, IsMi) { var correcttime1 = eval('( new ' + obj.replace(new RegExp("\/", "gm"), "") + ')'); var myDate = correcttime1; var year =
Time of Update: 2013-10-17
HTML 端: PART 1: 複製代碼 代碼如下: {{foreach from=$question.question_item item="it" name="question_item"}} <tr> <td align="left">{{$it.item_id}}</td> <td align="left">{{$it.item_name}}</td> <td align="left">9 <input
Time of Update: 2013-10-17
如。 瞄了一下,置中可以用 text-align:center; 來實現。而按比例縮放,利用預設 <img /> 的 width 、height 屬性解決不了。因為使用者圖片可能是很長的,也可能是很寬的。線上上想了一下他們的關係,按條件來判斷是這樣的:複製代碼 代碼如下: if(實際寬度 > 預覽最大寬度) { 縮放寬度 = 預覽最大寬度 } if(實際高度 > 預覽最大高度) { 縮放高度 = 預覽最大高度 }
Time of Update: 2013-10-17
jQuery 以其外掛程式眾多、獨特、輕量以及支援大規模的網站開發聞名。本文繼續向大家分享實用的 jQuery 外掛程式,可以根據您的項目需要來選擇使用。《《前一篇:40款非常棒的 jQuery 外掛程式和製作教程(系列一)》》Client Testimonials Powered by PHP, XML and jQuery( 示範 | 下載 )結合 jQuery 和 XML 製作的客戶感言外掛程式,吸引更多使用者使用你的產品。Coding
Time of Update: 2013-10-17
在網上看了很多JavaScript的項目, 用到對象都是採用{}的形式: 例如jQuery, TinyMCE等都是形如: 複製代碼 代碼如下: var Dialog = { int : function() { .... }, insert : function() { .... }, pop : function() { .... } }; //調用就是: Dialog.init(); 而我自己一直使用function閉包的方式, 感覺使用內部私人成員(函數,變數)更方便: 複製代碼
Time of Update: 2013-10-17
1.標識符與關鍵字 標識符以字母開頭,可以包含字母、數字、底線。標識符不能使用以下保留字元: 複製代碼 代碼如下: abstract, boolean,
Time of Update: 2013-10-17
其實現代瀏覽器大多都支援文字框尺寸調節功能,絕大多數情況下卻沒有自動適應來得爽快,在網路上發現一方法比較簡單的實現文字框高度自適應,於是封裝了這個函數,準備以後應用到項目中。 原始碼: 23:03文章更新: 感謝alucelx同學再次給力的協助,大大簡化了方法,更新代碼為0.2版本,同時解決了相容Opera瀏覽器,至此全相容IE6+與現代瀏覽器! 線上示範: http://demo.jb51.net/js/2011/autoArea/index.htmautoTextarea.js 複製代碼