一、載入複製代碼 代碼如下: <link href="../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" /> <script src="../lib/jquery/jquery-1.5.2.min.js" type="text/javascript"></script>
先聲明下這個方法的使用場合,以免誤導大家。 比如在部落格園,我們沒法修改他的原始碼, 那麼只能想辦法監視元素的出現了。 所以下面方法是在修改不了源碼的情況下使用,而非寫自己的項目。 今天在改部落格幾個樣式的時候,以為很自然的加上js就可以實現了, 沒想到那個是ajax載入的資料,而非頁面首次載入的, 比如下面的 “提交評論” 按鈕,右側的 搜尋按鈕 等。 我很自然的寫了 複製代碼 代碼如下: 1 $("#btn_comment_submit").removeClass("comment_btn"
複製代碼 代碼如下:/* * MAP對象,實現MAP功能 * * 介面: * size() 擷取MAP元素個數 * isEmpty() 判斷MAP是否為空白 * clear() 刪除MAP所有元素 * put(key, value) 向MAP中增加元素(key,
其實沒有什麼新的知識點,只是為了方便其他有需要的朋友們翻閱,對自己而言也算是一個積累,所以只能算是閑談 JavaScript,老鳥們可以盡情飄過。在進入正題之前,先提個問題熱熱身吧。現在有如下 HTML 結構:複製代碼 代碼如下:<div id="wrap"> <input type="button" value="按鈕一" /> <input type="button" value="按鈕二" /> <input
之前看到網易還是新浪還是什麼什麼網站來著,也是用類似這種東西的,當時對js只是九牛一毛的水平,當場被嚇傻了。但這次,我打算親自分析下,以後在看到就不會迷茫了。複製代碼 代碼如下://調用例子:bradio.namespace("bradio.lang.array"); //下面是百度編譯後的源碼,變數都是a,b,c,d...之後我會重新寫一個規範點的。 //好了,開始分析 bradio.namespace = function () { //建立命名空間
html和js部分 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset=gbk /> <title>selectList</title> <style type="text/css"> *{margin:0;padding:0;} .selectList{width:200px;margin:50px auto;} </style>
Copy 直接可以使用哦 親們! 複製代碼 代碼如下: //父視窗 function onClick(){ var k = showModalDialog( "view/WriteKey.jsp", 包含的頁面 "newwindow", 固定取值 "dialogHeight:200px; dialogWidth:400px; 寬度 toolbar:no; 是否有工具列 menubar:no; 是否有功能表列 scrollbars:no; 滾蛋條 resizable:no;
複製代碼 代碼如下://很有趣的浮動哦,不用太多代碼,和大家分享下<html><head>隨機浮動<style type="text/css">#divimg{/*對圖片進行絕對位置*/position:absolute;}</style></head><body><div id="divimg"><img src="../../resource/images/float.jpg" width="205"
在前面的介紹中,我們討論過close()方法:複製代碼 代碼如下: win = window.open("http://www.jb51.net/", "js"); win.close(); JavaScript提供了許多方法與屬性,我們可以使用它們來控制視窗。 移動、滾動、改變大小 下面的方法(N4+,IE4+)負責個定視窗的移動、滾動以及大小改變操作:複製代碼 代碼如下: // 移動視窗的螢幕位置到指定的位移x 、y(絕對移動) window.moveTo(iX, iY) /
複製代碼 代碼如下:<div style="border:#d3d3d3 1px solid;width:100%;"> <div id="demo" style="overflow:hidden;height:160;width:100%;"> <div id="
1.關於指定表格指定列隱藏顯示 複製代碼 代碼如下: $(":checkbox[name*=month]").each(function(){ if(!$(this).attr("checked")){ var colnum = $(this).val(); $("#listPage").find('tr').find("td:eq(" + colnum.toString() + ")").hide(); $("#listPage").find('tr').find("th:eq(" +
功能強大的模板引擎大都需要對模板進行文法解析,會有效能問題。通過把一個大的模板引擎根據不同呈現需求分隔成多個互相獨立模板控制項,可以降低處理複雜度提供處理效能,可以根據需求靈活組合這些模板控制項得到一個可以定製的模板功能庫。 JavaScript Repeater控制項 代碼 名稱 最新價 漲跌額 漲跌幅 開盤 最高 最低 昨收 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
複製代碼 代碼如下:<!DOCTYPE html><html><head> <style> div { background:#ece023; width:30px; height:40px; margin:2px; float:left; } </style> <script src="http:/
1)異同點 相同點:onunload,onbeforeunload都是在重新整理或關閉時調用,可以在<script>指令碼中通過window.onunload來指定或者在<body>裡指定。 不同點: a)onbeforeunload在onunload之前執行 ,它還可以阻止onunload的執行。 b)onbeforeunload是正要去伺服器讀取新的頁面時調用,此時還沒開始讀取;nunload則已經從伺服器上讀到了需要載入的新的頁面,在即將替換掉當前頁面時調用 。
複製代碼 代碼如下: //初始載入頁面時 $(document).ready(function(){ //為擷取單個值的按鈕註冊按一下滑鼠事件 $("#getMessage").click(function(){ $.getJSON("ceshi",function(data){ //通過.操作符可以從data.message中獲得Action中message的值 $("#message1").html("<font color='red'>"+data.message+"</
1,按鈕樣式複製代碼 代碼如下:<script>org_Color=document.bgColor.substring(1.10)</script><form><input type="button" value="淡黃色背景"onClick="document.bgColor='#feffc6'"><input type="button" value="淺藍色背景"onClick="document.bgColor='#c6fffe'"&
本執行個體使用Javascript實現右下角可關閉最小化div,可以用於展示推薦內容,效果預覽網址:http://keleyi.com/keleyi/phtml/xuanfudiv/3.htm 片: 完整原始碼: 複製代碼 代碼如下: <!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
複製代碼 代碼如下: <div id="login_1_3a"> <a onfocus=this.blur() href="javascript:void(0)" class="l-button" style="width:80px" onclick='log_1()'> <img onfocus=this.blur() id="img_a" border=0 align="middle" src="login_image/a_1.jpg" alt="沒有圖片!"&
1.jQuery fadeIn() 用於淡入已隱藏的元素。 文法: $(selector).fadeIn(speed,callback); 執行個體: 複製代碼 代碼如下: $("button").click(function(){ $("#div1").fadeIn(); $("#div2").fadeIn("slow"); $("#div3").fadeIn(3000);}); 2.jQuery fadeOut() 方法用於淡出可見元素。 文法:
jQuery 淡出一張圖片到另一張圖片,例如有下邊的 html: 複製代碼 代碼如下: <div class="fade"> <img src="1.jpg" /> </div> 首先,確保 div 的大小和圖片大小一樣,這個 div 有另一個背景圖,如下: css代碼: 複製代碼 代碼如下: .fade { background-image:url('images/2.jpg'); width:300px; height:225px; } jQuery