html註冊事件向引用方法中的傳參問題,兩個方式: 複製代碼 代碼如下: <html> <head> <script> function bbb(event){ event = window.event || event; var srcEle = event.target || event.srcElement; alert(srcEle.value); } function ccc(cc){ alert(cc.value); }
複製代碼 代碼如下: <script type="text/javascript"> (function($){ var ele_fix = $("#div_right"); //浮動視窗 var _main = $(".main"); //浮動地區 var ele_offset_top = ele_fix.offset().top; //浮動地區高度 $(window).scroll(function(){ var scro_top = $(this).scrollTop(); /
本例是個非常簡單的div拖動,有需要的朋友可根據自己的需求,添加相應的代碼。歡迎拍磚 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html style="height:100%;"> <head> <meta http-equiv="Content-Type"
今天用Jquery想動態更改一張位元影像的src發現css不好用,查看Jquery文檔好像是css是設定樣式的屬性的,如顏色,字型,背景等,而attr貌似是能操作所有屬性,包括Jquery未封裝的屬性。 複製代碼 代碼如下: $("#newClassImg").attr("src", "./images/plus3.jpg");//改變圖片源 $("#newClass").css("background-color", "#d6d6d6");//改變背景色
上篇部落格寫的是複選框的,這次寫的是單選框的,有時查詢的時候,只能選擇一條記錄,如果將選中的這條記錄的行高亮顯示,同時該行的選項按鈕也被選中了,這樣會提高使用者的體驗的。如今的時代,就是使用者體驗的時代。 效果如下: CSS檔案如下如下所示: 複製代碼 代碼如下: .selected{ background:#FF6500; color:#fff; }: 這次的js檔案的代碼就變得更簡單了,如下所示: 複製代碼 代碼如下: /** * 設定含有選項按鈕的表格的背景顏色 */
今天小菜處理下拉式功能表級聯問題時,想擷取HTML標籤中某個事件的內容,也就是值,比如從<select id="city" onchange="javascript:test();"></select>中擷取javascript:test();。 小菜想通過事件中的資訊,確定下一級的菜單,但是這個貌似很簡單的問題,卻讓小菜糾結了一番。 稍微懂點JQuery的童鞋,可能會嘗試這樣擷取: 複製代碼 代碼如下: $(document).ready(function(){
今天寫項目時遇到個圖片需要動態改變,例: <img src="images/image01.jpg" id="myImage" /> 然後改變時,使用js指令碼: document.getElementById('checkCodeImage').src='images/image02.jpg‘; 然後在Chrome FF裡都能改變成功,但在IE下卻不行,網上搜了半天,大概瞭解了,這個是IE的一個bug,要想改變src屬性成功,可以這麼寫:
複製代碼 代碼如下: <script type="text/javascript" language=JavaScript charset="UTF-8"> var isPiss=0; document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; if(e && e.keyCode==27){ // 按 Esc //要做的事情 }
複製代碼 代碼如下: <html> <table class=”ed”> <tr> <td><input type="text"></input></td> <td><input type="text"></input></td> <td><input type="button"></input></td>
style="ime-mode:Disabled“ 這句是比較實用的。意為關閉IME。省得有些人開著全形輸入數字,結果輸入不進去來找你哭天抹淚的,還怪你設計的不好。 只允許輸入數字 複製代碼 代碼如下: <input name="username" type="text" onkeyup="value=this.value.replace(//D+/g,'')"> 只允許輸入英文字母、數字和底線(以下二種方法實現) 複製代碼 代碼如下: <input
讓我猜猜你心中的牌,先隨機產生27張牌,不能重複列出三列牌,然後記住其中一張,然後點擊牌所在的列,多次就可以猜出你想的牌。 如果是9張只要猜2次,如果是27張就是猜3次。 實現方法(27張): 如果點擊了第三列,那就是說牌一定在這9張裡面,就把第三列的9張牌平均給每列分3張,假設編號為123,456,789 再點擊一次,如果點擊第二列,那麼猜的牌就在456裡面,再分到三列,4,5,6 再點擊一次,就可以知道牌是哪個了。 實現演算法: 我是使用一維數組實現,第一次猜第三列就把第三列的資料和0,1,
複製代碼 代碼如下:var restrictX; var restrictY; var tip; // 滑鼠座標 function mousePosition(ev) { return { x : ev.clientX + document.documentElement.scrollLeft -
最近做項目中有一個模組是用於即時監控的,左邊有個功能表列用於顯示所有的裝置,那當然是從資料庫中動態擷取的了,右邊是個iframe用於顯示監控畫面。本來這個功能並不複雜,左邊的功能表項目是利用dtree.js來實現的,可時當功能實現完成之後,卻發現一個問題,就是左邊功能表列中的裝置名稱有的會很長,會超出了div的長度,準確說是左邊iframe的寬度和長度不夠。那麼,這時就必須要利用捲軸了,可以設定左邊功能表項目div的overflow-x:auto;overlfow-y:auto;這樣就會自動產生
利用js來驗證文字框的值 複製代碼 代碼如下: <script> function onblurs(){ if(frm.name.value==""){ alert("請輸入您的名字!"); }else if(frm.funny.value==""){ alert("愛好不得為空白哦!"); } } </script> <form name="frm"> <tr> <td>你的姓名:</td>
瀏覽器的趨勢是加入越來越多個物件,像Worker,同時也為舊有的對象添加新方法。如何相容它的第一步就是檢測它們是否存在,沒有則補上自己的相容代碼。這時問題就來了,有的類庫是給你做了這一步,但有時沒有,有時是做了,但並不符合標準。因此單純是typeof Array.prototype.map === "function"可能不夠用。這時isNative方法就要登場了。 我一直用的版本,自己寫的:複製代碼 代碼如下:var isNative =
eval(obj) ; 該函數會將 obj 當做代碼去執行一遍。 例子: 複製代碼 代碼如下: <!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
其實原理是很簡單的,主要是使用了一個計時器函數,下面我為大家示範一個簡單的動畫的製作過程,通過有關的介紹,大家可以舉一反三,做出更多很炫的動畫效果。 這個執行個體的效果是點擊網頁上的“開始移動”按鈕,則其中的指定圖層就會從左至右移動,在這個過程中你點擊“停止移動”按鈕就會停止移動。複製代碼 代碼如下: <html> <head> <title>JavaScript Motion Sample</title> <script
通過字串拼接,將所有的輸入框中的內容,用“1234235#34634234#123525”這樣的格式拼接。網頁端代碼:複製代碼 代碼如下:<form><table><tr><th>手機:</th> <td style="padding:10px 0;"> <input type="hidden" name="user.mobile" value="
通過js判斷訪客顯示器螢幕解析度並給出提示 先給出程式碼範例: [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行] 這段代碼大意是通過比較圖片解析度和案頭解析度來判定改圖是否適合直接用作訪客的案頭壁紙。其中fw="1920"和fh="1200"後面的1920、1200分別是圖片的寬度和高度參數,可以用php等讀取的實際圖片寬度和高度參數代替。以前第11、12行前面的判斷我都是用的if,昨天把案頭解析度調大以後發現這樣會有2個提示——如果案頭解析度大於圖片解析度,換成else
pthread_create是UNIX環境建立線程函數 具體格式: #include<pthread.h> int pthread_create(pthread_t *restrict tidp,const pthread_attr_t *restrict attr,void*(*start_rtn)(void*),void *restrict arg);