JavaScript中的property和attribute介紹

首先看看這兩個單詞的英文釋義(來自有道詞典)。先是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

電子商務網站上的常用的js放大鏡效果

複製代碼 代碼如下: 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;} .

Jquery非同步請求資料執行個體代碼

一、Jquery向aspx頁面請求資料 前台頁面JS代碼: 複製代碼 代碼如下: $("#Button1").bind("click", function () { $.ajax({ type: "post", url: "default.aspx", data: "name=" + $("#Text1").val(), success: function (result) { alert(result.msg); } }); }); 複製代碼 代碼如下: <input

背景圖跟隨滑鼠移動的Mootools外掛程式實現代碼

效果示範:原始碼: 複製代碼 代碼如下: <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

關於event.cancelBubble和event.stopPropagation()的區別介紹

首先我在網上看到不少文章大體上分為兩個(不正確)觀點: 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" "

js 可拖動列表實現代碼

補充一點: 要禁止移動中選中文字,FF可以設定CSS xxxx{-moz-user-select:none;} 其他的瀏覽器可以設定 XXXX.onselectstart = function(){return false} 一種實現原理就是點擊沒目標元素之後,建立一個佔位元素(或者複製一份目標元素,即拷貝B),然後拖動目標元素(或者複製的來的新元素B); 找到相應的位置之後,插入目標元素。清除佔位元素或者B。 比如有一個列表: 複製代碼 代碼如下: <!DOCTYPE html

JS 表單驗證大全

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,

jquery中dom操作和事件的執行個體學習 仿yahoo郵箱登入框的提示效果

但感覺這樣寫很沒意思。 jquery的優勢就是簡單的代碼就能帶來更好的使用者體驗。 所以就找幾個我感覺實用的例子,拿出來介紹下。順帶把其中用到的操作和事件介紹下。 html代碼: <input type="text" id="address" value="請輸入郵箱地址"/> jquery代碼: 複製代碼 代碼如下: $(document).ready(function(){ $('#address').focus(function(){ var add_value=$(this)

JQuery1.6 使用方法三

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 ) {//

圖片在瀏覽器中底部對齊 解決方案之一

style="vertical-align:bottom;"不管用,上網搜尋說要用js實現,找了個代碼,測試不成功,主要是代碼太多太亂沒法心情測試了。 於是就自己寫吧。 複製代碼 代碼如下: $(function () { if ($.browser.msie || $.browser.mozilla || $.browser.opera) {//IE Firefox Opera之類瀏覽器 $(".productli img").each(function () { var margin = 1

firebug的一個有趣現象介紹

複製代碼 代碼如下: var obj = {length:0,splice:function(){}} console.log(obj) 猜猜上面會列印出啥? 沒錯,列印出來的看起來是一個空數組。。。 在FIREBUG裡如果一個對象同時擁有length屬性和splice方法,就會被firebug顯示為數組的形式。。。 如果以前注意過的話就會發現JQUERY就是這麼寫的,通過選取器列印出來的看起來跟數組一樣。

js擷取瀏覽器的可視地區尺寸的實現代碼

測試例子: 複製代碼 代碼如下: <!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"/> <

jBox 2.3基於jquery的最新多功能對話方塊外掛程式 常見使用問題解答

外掛程式說明 - jBox 是一款基於 jQuery 的多功能對話方塊外掛程式,能夠實現網站的整體風格效果,給使用者一個新的視覺享受。 運行環境 - 相容 IE6+、Firefox、Chrome、Safari、Opera 等主流瀏覽器。 使用授權 - jBox 永久免費使用,但是必須保留相關的著作權資訊。如果有好的建議,可以直接在下面留言。 版本:2.3 大小:19.8k 下載:點擊下載 線上demo:http://www.kudystudio.com/jbox/jbox-demo.html [

基於jquery的web頁面日期格式化外掛程式

複製代碼 代碼如下: (function ($) { var FormatDateTime = function FormatDateTime() { }; $.FormatDateTime = function (obj, IsMi) { var correcttime1 = eval('( new ' + obj.replace(new RegExp("\/", "gm"), "") + ')'); var myDate = correcttime1; var year =

頁面調用單個swf檔案,嵌套出多個方法。

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

關於圖片按比例自適應縮放的js代碼

如。 瞄了一下,置中可以用 text-align:center; 來實現。而按比例縮放,利用預設 <img /> 的 width 、height 屬性解決不了。因為使用者圖片可能是很長的,也可能是很寬的。線上上想了一下他們的關係,按條件來判斷是這樣的:複製代碼 代碼如下: if(實際寬度 > 預覽最大寬度) { 縮放寬度 = 預覽最大寬度 } if(實際高度 > 預覽最大高度) { 縮放高度 = 預覽最大高度 }

40款非常棒的jQuery 外掛程式和製作教程(系列二)

jQuery 以其外掛程式眾多、獨特、輕量以及支援大規模的網站開發聞名。本文繼續向大家分享實用的 jQuery 外掛程式,可以根據您的項目需要來選擇使用。《《前一篇:40款非常棒的 jQuery 外掛程式和製作教程(系列一)》》Client Testimonials Powered by PHP, XML and jQuery( 示範 | 下載 )結合 jQuery 和  XML 製作的客戶感言外掛程式,吸引更多使用者使用你的產品。Coding

js物件導向設計用{}好還是function(){}好(建構函式)

在網上看了很多JavaScript的項目, 用到對象都是採用{}的形式: 例如jQuery, TinyMCE等都是形如: 複製代碼 代碼如下: var Dialog = { int : function() { .... }, insert : function() { .... }, pop : function() { .... } }; //調用就是: Dialog.init(); 而我自己一直使用function閉包的方式, 感覺使用內部私人成員(函數,變數)更方便: 複製代碼

JavaScript學習筆記(一) js基本文法

1.標識符與關鍵字 標識符以字母開頭,可以包含字母、數字、底線。標識符不能使用以下保留字元: 複製代碼 代碼如下: abstract, boolean,

文字框根據輸入內容自適應高度的代碼

其實現代瀏覽器大多都支援文字框尺寸調節功能,絕大多數情況下卻沒有自動適應來得爽快,在網路上發現一方法比較簡單的實現文字框高度自適應,於是封裝了這個函數,準備以後應用到項目中。 原始碼: 23:03文章更新: 感謝alucelx同學再次給力的協助,大大簡化了方法,更新代碼為0.2版本,同時解決了相容Opera瀏覽器,至此全相容IE6+與現代瀏覽器! 線上示範: http://demo.jb51.net/js/2011/autoArea/index.htmautoTextarea.js 複製代碼

總頁數: 3271 1 .... 3241 3242 3243 3244 3245 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.