Time of Update: 2013-10-17
實現的效果: 如所示為製作的標籤頁,我們想要實現的效果是當滑鼠移到某一個標籤的時候,在下面的內容區顯示對應的內容,並且相應標籤的顏色需要改變,中所示當前滑鼠的位置在“標籤1”上,則內容地區顯示的內容為“我是內容1”,並且“標籤1”的顏色要比“標籤2”和“標籤3”深一些,同樣滑鼠移到“標籤2”和“標籤3”的時候顯示“我是內容2”和“我是內容3”。這樣的效果是CSS和JS配合實現的。下面我們就來看看具體代碼:首先來看HTML代碼: 複製代碼 代碼如下: <!DOCTYPE html
Time of Update: 2013-10-17
我遇到的問題是:url裡的參數內容包含&符合,我有兩種方法解決 其一方法是:在頁面用JS轉碼,例子如下(前端處理) 複製代碼 代碼如下: <a href="#" onclick="test('${group.type}','${group.cn }')">${group.cn })</a> <script language="javascript"> function test(a,b){ alert("test");
Time of Update: 2013-10-17
複製代碼 代碼如下: /* 拖拽流程: 1、第一步點擊需要拖動的元素 2、在點擊下的元素被選中,進行move移動 3、當滑鼠彈起的時候,停止動作 4、點擊元素oDIV的時候,可用的是oDIV地區,而move和up則是全域地區,也就是整個文檔通用,即應該用document */ oDIV = document.getElementById("gaga"); oDIV.onmousedown = function( e ){ // 當滑鼠點擊下去的時候 var diffX = e.clientX -
Time of Update: 2013-10-17
複製代碼 代碼如下: /** * 將版面設定為唯讀 */ var setReadOnly = function() { var input = $("input"); input.each(function(i) { $(this).attr("onfocus", "this.blur();return false;"); $(this).wrap(function() { return '<span onmousemove="this.setCapture();" onmouseout=
Time of Update: 2013-10-17
複製代碼 代碼如下: function getXml() { //擷取輸入值 var name = textName.getValue(); var pwd = textPwd.getValue(); //初始化對象 var xmlDoc = document.implementation.createDocument("", "", null); xmlDoc.async="false";//取消xml在還沒有完成資料完整填寫就提交的動作 //xml頭部編寫 var
Time of Update: 2013-10-17
智力測試題經常遇到類似的邏輯題,給幾個容量不等的杯子,讓你倒出多少的水。安卓上有一款專門玩這個題的遊戲叫做Water
Time of Update: 2013-10-17
不用找了,我試過好多次,ie,Firefox,Google瀏覽器此代碼都是無法復原相容。 下面是我的簡單解決方案。想把這個問題完全解決,方法就是像其他主流網站一樣專門建立添加為首頁的操作步驟協助頁。 js代碼: 複製代碼 代碼如下: <script type="text/javascript"> // 設定為首頁 function SetHome(obj,vrl){ try{
Time of Update: 2013-10-17
步驟一 引入js檔案 複製代碼 代碼如下: <script language="javascript1.2" src="<s:url value="/js/jquery.js" includeParams="false"/>"></script> <script language="javascript1.2" src="<s:url value="/js/dictionary.js" includeParams="false"/>">
Time of Update: 2013-10-17
我們先看看錯誤的例子 Html代碼 複製代碼 代碼如下: <body> <input id="certid" type="text" value="123456" > <input id="btn" type="button" value="button" onclick=""> </body> Javascript代碼 複製代碼 代碼如下: <script> function show(value) { alert(value);
Time of Update: 2013-10-17
js擷取當前系統時間 複製代碼 代碼如下: var myDate = new Date(); myDate.getYear(); //擷取當前年份(2位) myDate.getFullYear(); //擷取完整的年份(4位,1970-????
Time of Update: 2013-10-17
頁面遮罩彈出框是最常見的一種情況,今天用jQuery實現頁面遮罩彈出框,主要用的技術有JQuery,css和html,html代碼如下:複製代碼 代碼如下:<div id="main"><a href="javascript:showBg();">點擊這裡查看效果</a> <div id="fullbg"></div> <div id="dialog"> <p class="close"><a href="
Time of Update: 2013-10-17
功能很實用,代碼非常的簡單效果1.效果2.樣式代碼如下: 複製代碼 代碼如下: body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,br,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0 } span{ color:#FF2B13 } a{ text-decoration:none; color:#515050 } a:hover{
Time of Update: 2013-10-17
js的onload實現: 複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;
Time of Update: 2013-10-17
需求在一個介面中開啟另一個介面,通過JS擷取在另一個介面中使用者輸入的值。樣本:Index.html複製代碼 代碼如下: <html> <head> <meta http-equiv="content-type" content="text/html;
Time of Update: 2013-10-17
複製代碼 代碼如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Test</title> &
Time of Update: 2013-10-17
callercaller返回一個函數的引用,這個函數調用了當前的函數。使用這個屬性要注意:1 這個屬性只有當函數在執行時才有用2 如果在javascript程式中,函數是由頂層調用的,則返回nullfunctionName.caller: functionName是當前正在執行的函數。複製代碼 代碼如下:var a = function() { alert(a.caller); } var b = function() { a(); }
Time of Update: 2013-10-17
本樣本使用Jquery的ColorBox外掛程式彈出圖片組瀏覽層。效果預覽網址:http://www.keleyi.com/keleyi/phtml/colorbox/ 以下是本效果的完整代碼,將以下代碼儲存到html檔案,開啟即可預覽效果。 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2013-10-17
寫了個js自製捲軸,首先,先看一下demo(點擊這裡) 先有兩個demo,右邊那個黑色那個,是我一開始寫的比較膚淺的代碼:複製代碼 代碼如下:var scrollself=(function(){ var scrollblock, //滾動塊 scrollcontent,
Time of Update: 2013-10-17
數量: 單價: 總價: [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2013-10-17
因此,他們始終存著最新,最準確的資訊。從本質上說,所有NodeList對象都是訪問DOM文檔時即時啟動並執行查詢。例如下列代碼會導致無限的迴圈:複製代碼 代碼如下:<script type="text/javascript"> window.onload=function(){ var divObj=document.getElementsByTagName('div'); &