兩種簡單實現(xiàn)菜單高亮顯示的JS類代碼
記得當年寫靜態(tài)頁時,為了實現(xiàn)高亮都是在每個頁面加不同的樣式,呵.高亮顯示我覺得對于web前端來說,是比較常用到的效果,正好此次又要用到,特地整理出我所寫的兩種高亮類.
其實思路很簡單,第一種方法是通過遍歷鏈接組...
|
|
基于jquery的淡入淡出選項卡效果代碼
經(jīng)典選項卡 .tab{text-align:left;width:500px;border:#ccc 1px solid;margin:100px;} .tab dt{border-bottom:#ccc 1px solid;height:25px;background:#f1f1f1;margin-bottom:-1px;height:25px;line-height:25...
判斷是否是IE6版本并給出提示升級瀏覽器
下面的效果，只能在IE6下才能看到效果。 判斷IE版本并給出提示升級瀏覽器 #ie6-warning{ background:rgb(255,255,225) url("/upload/201006/20100628012515690.gif") no-repeat scroll 3px center; position:absolu...
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
大家在使用JavaScript的時候，DOM操作是最平常不過的了， 隨著Web前端技術的發(fā)展,我們越來越多的使用JS來操作DOM元素，比如通過ajax請求獲取到數(shù)據(jù)，然后更新頁面上的元素，一般情況下，這種操作我們會用類似node.appendChild()...
Javascript創(chuàng)建Silverlight Plugin以及自定義nonSilverlight和lowSilverlight樣式
默認情況下，生成的頁面代碼可能與下面的代碼類似： 復制代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="h...
jquery獲取ASP.NET服務器端控件dropdownlist和radiobuttonlist生成客戶端HTML標簽后的value和text值
―、獲取dropdownlist的text（ddlList為服務器端dropdownlist的ID，生成name屬性等于ddlList的select標簽）
$("#ddlList option:selected").text()
二、獲取dropdownlist的value（ddlList為服務器端dropdownlist的ID...
Jquery ui css framework
Jquery ui中兩大核心的css文件是ui.core.css和ui.theme.css.這兩個css樣式貫穿整個基于jquery ui的界面上，并且可以通過jquery ui ThemeRoller來生成自己的樣式。
.ui-helper-hidden :為元素應用display:none
.ui-...
jquery photoFrame 圖片邊框美化顯示插件
三種樣式都是用photoframe實現(xiàn)的，我會繼續(xù)豐富其樣式，目標是拿來即用，簡化頁面代碼。使用： 復制代碼 代碼如下: <link type="text/css" rel="stylesheet" href="stamp/style.css" /> <script type="text/javascript" src=...
使用jQuery.Validate進行客戶端驗證（初級篇） 不使用微軟驗證控件的理由
主要理由有以下幾點： 1、拖控件太麻煩，這個是微軟控件的常用方式，你要使用一個控件你得從工具欄中拖到頁面里（當然你也可以不拖手寫）。2、必須指定驗證對象，驗證控件與其他textbox，dropdownlist控件不同的是它是驗證其他控件...
Whatever:hover 無需javascript讓IE支持豐富偽類
這很酷，因為這使你可以僅通過 css來對表格行(<tr>)應用鼠標滑過事件(mouseover)時的特殊效果。然而，萬惡的IE，對 :hover偽類頂多只提供了有限的支持，具體支持的程度要取決于你的IE瀏覽器的具體版本。 Whatever:hover 是一...
javascript hasFocus使用實例
如果網(wǎng)頁處于焦點狀態(tài)返回true,否則返回fasle 什么是焦點？焦點是指用戶是否活動在該頁面．確切的說鼠標是否在該網(wǎng)頁內(nèi)活動．或者說該網(wǎng)頁中的內(nèi)容是否有被選中的，或者光標存在于該頁的某個元素內(nèi)．如果具備其中一個條件那么...
通過javascript的匿名函數(shù)來分析幾段簡單有趣的代碼
1、簡單形式的封裝調(diào)用 復制代碼 代碼如下: var userName = function() { return "jeff wong" } (); alert(userName);
上面的代碼確實簡單，我們可以逐步分解成下面的寫法： 復制代碼 代碼如下: var anonymousFunc =...
JavaScript 聯(lián)動的無限級封裝類,數(shù)據(jù)采用非Ajax方式,隨意添加聯(lián)動
html代碼 復制代碼 代碼如下: <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <title>試試</title> </head> <script type="text/javascript"> var data = { '1�...
javascript與CSS復習(二)
visibility：在切換元素可見性的同時會保持元素在普通流中的位置和空間。它有兩個值：visible（默認的）和hidden（不可見的）， 例如： 復制代碼 代碼如下: <p>Hello <b>John</b>, how are you today?</p> 瀏覽器中是：Hello John, ho...
javascript與CSS復習（《精通javascript》）
如：elem.style.height 或者 elem.style.height = '100px', 這里要注意的是設置任何幾何屬性必須明確尺寸單位（如px），同時任何幾何屬性返回的是表示樣式的字符串而非數(shù)值（如'100px'而非100）。另外像elem.style.height這樣的...
CSS和Javascript簡單復習資料
CSS：內(nèi)聯(lián)樣式表 標簽內(nèi)直接加style=””嵌入式樣式表 定義在<head>標簽 <style type=”text/css”>外部樣式表 <link rel=”StyleSheet” href=”style.css”> 選擇器：HTML選擇器...
javascript與CSS復習(三)
我們先來看看如何獲取光標相對于整個頁面的位置，因為光標位置變量x，y一般通過鼠標事件獲取(如mousemove或者mousedown)，下面兩個通用函數(shù)，用于獲取光標相對于整個頁面的當前位置。 復制代碼 代碼如下://獲取光標的水平位...
JavaScript多級下拉菜單代碼(簡單實用)
JavaScript下拉菜單 * { padding:0; margin:0; } body { font-family:verdana, sans-serif; font-size:small; } #navigation, #navigation li ul { list-style-type:none; } #navigation { margin:20px; } #nav...
JavaScript 函數(shù)式編程實踐(來自IBM)第1/3頁
函數(shù)式編程簡介 說到函數(shù)式編程，人們的第一印象往往是其學院派，晦澀難懂，大概只有那些蓬頭散發(fā)，不修邊幅，甚至有些神經(jīng)質(zhì)的大學教授們才會用的編程方式。這可能在歷史上的某個階段的確如此，但是近來函數(shù)式編程已經(jīng)在實際應...
Jquery AJAX 用于計算點擊率(統(tǒng)計)
復制代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> Demo </TITLE> </HEAD> <BODY> <script src="jquery.js" type="text/javascript"></...
基于jquery的圖片懶加載js
以下是實現(xiàn)代碼(基于jquery): 復制代碼 代碼如下: function lazyload(option){ var settings={ defObj:null, defHeight:0 }; settings=$.extend(settings,option||{}); var defHeight=settings.defHeight,defObj=(ty...
一個簡單的js鼠標劃過切換效果
上次幫朋友寫過的一個簡單切換效果,超級簡單,但也比較適用.因為用到了CSS Sprite技術,DEMO中附帶了IE6兼容png的JS. 核心JavaScript代碼:點此查看DEMO 復制代碼 代碼如下: //@Mr.Think獲取對象屬性兼容方法 function...
jQuery 通過事件委派一次綁定多種事件，以減少事件冗余
于是乎，在日常的開發(fā)中大量使用連綴寫法，而事件方法連綴就是一個特例。若給一個Dom對象使用了綁定了多個事件，便于閱讀和書寫，習慣了使用連綴寫法，但這樣的書寫方式會造成時間的冗余。 1.事件冗余：多個事件方法中多次調(diào)用相...
jQuery ajax cache緩存問題
在jquery里面用$.ajax 然后， 指定ajax屬性的時候， 使用了：'false' .
可惡的javascript特性就在這里出現(xiàn)了。
在jquery里面， 大部分的時候， 屬性要用''引起來。 否則容易變成變量名。比如red， 引不引都差不多。但是引起...
javascript 實用的文字鏈提示框效果
效果要基本實現(xiàn)以下功能： （1）鼠標滑過文章中的鏈接文字，要在相應位置彈出提示框，提示框的樣式由css來控制，高度自適應；鼠標可以點擊提示框的中的鏈接,滑離提示框時，框自動消失； （2）把提示框的位置控制在文本域范圍之內(nèi)，如果鏈接文...