用JS實(shí)現(xiàn)網(wǎng)頁(yè)元素陰影效果的研究總結(jié)
前兩天由于一個(gè)小項(xiàng)目想為一元素添加一個(gè)陰影效果,但是記得看過(guò)某高人寫(xiě)的"用Div/CSS模擬陰影效果"文章，現(xiàn)在還有一點(diǎn)印象，其思路很簡(jiǎn)單，主要是利用幾個(gè)層的定位偏移來(lái)實(shí)現(xiàn)的陰影特效，于是偶就想能不能封裝成一個(gè)js函數(shù)，方...
|
|
- NET技術(shù)
- Java技術(shù)
- php技術(shù)
- Swift技術(shù)
- C/C++技術(shù)
- Objective-C技術(shù)
- Perl技術(shù)
- Python技術(shù)
- Ruby技術(shù)
- ASP技術(shù)
- Google Go技術(shù)
- D語(yǔ)言
- Groovy技術(shù)
- Scala技術(shù)
- JavaScript技術(shù)
- HTML/CSS技術(shù)
- ActionScript技術(shù)
- VBScript技術(shù)
- Delphi/Pascal技術(shù)
- Basic技術(shù)
- ErLang技術(shù)
- COBOL技術(shù)
- Fortran技術(shù)
- Lua技術(shù)
- SHELL技術(shù)
- Smalltalk技術(shù)
- Sliverlight技術(shù)
- Lisp技術(shù)
- it知識(shí)庫(kù)
- AspNet技術(shù)
- jsp技術(shù)
js下在password表單內(nèi)顯示提示信息的解決辦法
經(jīng)典有人要這個(gè)代碼，考慮到password中輸入的內(nèi)容會(huì)顯示為*號(hào)，所以要想辦法解決*的問(wèn)題。當(dāng)初想用setAttribute動(dòng)態(tài)修改type屬性達(dá)到效果，再ff下測(cè)試成功，但沒(méi)想到setAttribute對(duì)type屬性的修改在ie中無(wú)效。最終采用背景圖...
用js實(shí)現(xiàn)的一個(gè)根據(jù)內(nèi)容自動(dòng)生成表格的函數(shù)
晚上突然看到以前做asp時(shí)寫(xiě)的一個(gè)根據(jù)數(shù)據(jù)庫(kù)數(shù)據(jù)自動(dòng)生成表格的程序。 要求是： 1，對(duì)于空內(nèi)容，應(yīng)該寫(xiě)為"<td> </td>",否則在ie會(huì)顯示的很變態(tài)（ie當(dāng)作該單元格不存在）。 2，當(dāng)輸出數(shù)據(jù)條數(shù)不等于表格的“長(zhǎng)X寬”時(shí)，用"<td> </td...
使一個(gè)函數(shù)作為另外一個(gè)函數(shù)的參數(shù)來(lái)運(yùn)行的javascript代碼
先看一段代碼：
復(fù)制代碼 代碼如下:var a = [1,2,3]; function map(fn, a, init){ var s = init; for (i = 0; i < a.length; i++){ s = fn(s,a[i]); } return s; } alert(map(function(x,y){return x+y;}, a...
一段效率很高的for循環(huán)語(yǔ)句使用方法
給表格的每行加上樣式，注意for的第二個(gè)參數(shù)，當(dāng)數(shù)組下標(biāo)越界時(shí)，row=row[i]返回false，到此循環(huán)結(jié)束。
var rows = document.getElementsByTagName('tr'); for( var i = 0, row; row = rows[i]; i++ ) { row.className =...
javascript下給元素添加事件的方法與代碼
最簡(jiǎn)單的是這樣：
<input type="button" onclick="alert(this.value)" value="我是 button" /> 動(dòng)態(tài)添加onclick事件：
<input type="button" value="我是 button" id="bu"> <script type="text/javasc...
javascript引用對(duì)象的方法代碼
同一頁(yè)面內(nèi)的引用方法：
1、使用id：
link1.href
2、使用name：
document.all.link1.href
3、使用sourseIndex：
document.all(4).href //注意，前面還有HTML、HEAD、TITLE和BODY，所以是4
4、使用鏈接集合：
docum...
js 事件小結(jié) 表格區(qū)別
一般事件事件瀏覽器支持描述onClickHTML: 2|3|3.2|4Browser: IE3|N2|O3鼠標(biāo)點(diǎn)擊事件，多用在某個(gè)對(duì)象控制的范圍內(nèi)的鼠標(biāo)點(diǎn)擊onDblClickHTML: 2|3|3.2|4Browser:IE4|N4|O鼠標(biāo)雙擊事件onMouseDownHTML: 2|3|3.2|4Browser...
JS 頁(yè)面內(nèi)容搜索，類(lèi)似于 Ctrl+F功能的實(shí)現(xiàn)代碼
<html> <META HTTP-EQUIV="Content-Type" content="text/html; charset=gb_2312-80"> <TITLE>WinWebMail</TITLE> <script language="JavaScript"> <!-- function doZoom(size){ document.getElem...
收藏的js表單驗(yàn)證控制代碼大全第1/3頁(yè)
關(guān)鍵字:js驗(yàn)證表單大全,用JS控制表單提交 ,javascript提交表單: 目錄: 1:js 字符串長(zhǎng)度限制、判斷字符長(zhǎng)度 、js限制輸入、限制不能輸入、textarea 長(zhǎng)度限制 2.:js判斷漢字、判斷是否漢字 、只能輸入漢字 3:js判斷是...
用js實(shí)現(xiàn)計(jì)算代碼行數(shù)的簡(jiǎn)單方法附代碼
一段代碼可能有幾十行，上千個(gè)字符，統(tǒng)計(jì)其行數(shù)可以先把代碼字符串化為數(shù)組，再返回該數(shù)組的長(zhǎng)度即可。 傳統(tǒng)做法：
<textarea name="abc"> 123456 789 </textarea> <script type="text/javascript"> var counter = 0; var...
不錯(cuò)的Javascript表格翻頁(yè)效果
表格翻頁(yè) body, td{ font-size: 9pt; } a:link { color: #FF0000; } a:visited { color: #FF0000; } a:hover { color: #006600; } 共 6 頁(yè) 當(dāng)前第 1 頁(yè) 第一頁(yè) 最后一頁(yè) 轉(zhuǎn)到第 1 2 3 4...
提供一款很不錯(cuò)的萬(wàn)年歷查詢
阿Q家園__又一款很不錯(cuò)的萬(wàn)年歷查詢 BODY { FONT-SIZE: 14px; SCROLLBAR-HIGHLIGHT-COLOR: buttonface; SCROLLBAR-SHADOW-COLOR: buttonface; COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: buttonhighlight; SCRO...
用javascript實(shí)現(xiàn)在小方框中瀏覽大圖的代碼
<!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 http-equiv="Content-...
用javascript實(shí)現(xiàn)計(jì)算兩個(gè)日期的間隔天數(shù)
ASP 里面計(jì)算兩個(gè)時(shí)間的差距可以 DateDiff，但 javascript 里面沒(méi)有，需要手寫(xiě)函數(shù)。 js 里面居然可以直接 Date1-Date2，而且還是轉(zhuǎn)換為毫秒計(jì)算時(shí)間差的。
復(fù)制代碼 代碼如下:// 計(jì)算兩個(gè)日期的間隔天數(shù) function Date...
用javascript實(shí)現(xiàn)li 列表數(shù)據(jù)隔行變換背景顏色
New Document title 111 222 333 444 555 666 [Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]...
用js實(shí)現(xiàn)上傳圖片前的預(yù)覽（TX的面試題）
以前不知道 file 控件也能使用 onchange,導(dǎo)致面試時(shí)失去良機(jī)。
<script> function yulan() { var fileext=document.form1.UpFile.value.substring(document.form1.UpFile.value.lastIndexOf("."),document.form1.U...
用javascript實(shí)現(xiàn)給圖片加鏈接
<script> var strVariable = "<img src='http://www.jb51.net/images/logo.gif'>"; strVariable = strVariable.link("http://www.jb51.net"); document.write(strVariable) </script>...
用javascript實(shí)現(xiàn)點(diǎn)擊鏈接彈出"圖片另存為"而不是直接打開(kāi)
<iframe height="0" width="0" src="/images/logo.gif" name="saveImage" id="saveImage"></iframe> <a href="###" onclick="saveImage.document.execCommand('saveAs');">Click Me</a>...
總結(jié)AJAX相關(guān)JS代碼片段和瀏覽器模型
在.net開(kāi)發(fā)中,充分利用免費(fèi)控件是好事情，但是如果不能修改控件達(dá)到自己的需求，就要?jiǎng)佑肑S大法了，前提是研究好瀏覽器模型 的各種對(duì)象的方法屬性。尤其是熟悉CSS+HTML就會(huì)做的很酷。就JS語(yǔ)言本身來(lái)說(shuō)要求不高。
1、...
(currentStyle)javascript為何有時(shí)用style得不到已設(shè)定的CSS的屬性
這是按第2下蘭色的橫條才開(kāi)始出效果,就是說(shuō)第1下沒(méi)有獲得foot.style.display=="none",可是CSS里我定義了 <style type="text/css"> #top {width:100px; background-color:#00CCFF; height:20px} #foot {width:100px;...
javascript 函數(shù)式編程
JavaScript的函數(shù)式編程的對(duì)象本質(zhì)： function a() { var x="sth"; return b(){ //do with x; } } var c = a(); 等價(jià)于 function a() { this.x = "dosth"; this.b = function(...
超強(qiáng)推薦的js編程中的簡(jiǎn)潔寫(xiě)法收集
舉個(gè)例子，比如數(shù)據(jù)a，一般訪問(wèn)每個(gè)數(shù)據(jù)會(huì)用 for(var x=0;x<a.length;x++) { alert(a[x]) }
簡(jiǎn)潔的寫(xiě)法是 for(var x in a) { alert(a[x]) }
新建數(shù)組的簡(jiǎn)單寫(xiě)法 d=[1,2,3,3,4,3,2,2] 或 d={1,2,3,3,4,3,2,...
javascript 控制超級(jí)鏈接的樣式代碼
超級(jí)鏈接 [Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]...
document.styleSheets[0].rules 與 cssRules區(qū)別
今天使用firefox，突然發(fā)現(xiàn)一點(diǎn)小問(wèn)題。前者用于IE，后者用于mozilla瀏覽器。 a {color:red} [Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]而且 rules 和 cssRules 的計(jì)數(shù)方法也是不一樣的！rules 是第幾個(gè)選擇...