|
最新文章
|
知識(shí)管理交流
→『 技術(shù)文檔交流 』
本版文數(shù)：9304 今日文數(shù)：3896
|
|
[p]表格隔行換色的實(shí)現(xiàn)代碼，這個(gè)沒有用到css，是用js控制的，不限表格行數(shù)，可以無限制擴(kuò)展下去。如果是多個(gè)表格，只需設(shè)置不同的表格id就可以無限制增多表格。很方便實(shí)用。[/p][code]隔行換色*table1234512345//代碼如下varG=function(id)varEACH=function(o,fn...
|
|
這是一個(gè)利用javascript結(jié)合css實(shí)現(xiàn)的對(duì)表格進(jìn)行排序的代碼，點(diǎn)擊表頭會(huì)自動(dòng)排序，至于由哪種規(guī)則排序這個(gè)由你決定，表格排序現(xiàn)在用的也非常多。此實(shí)例實(shí)現(xiàn)的是降序、升序排列。[code]表格排序的實(shí)現(xiàn)*bodytabletd.red.top.up.down.hovkickmekickmekickmekickme15...
|
|
[p]很實(shí)用的一個(gè)js代碼，判斷一個(gè)上傳表單允許上傳的文件類型，擴(kuò)展性很好，只要改變數(shù)組里的擴(kuò)展名就可判斷你要的類型。[/p][code]JS判斷上傳文件類型[/code]
|
|
[p]在一組下拉列表框中使用checkbox復(fù)選框，有時(shí)候或許我們要用到這種功能，不妨收藏一下。[/p][code]在下拉列表框中使用復(fù)選框body,td.checkbox.cked.nock/g,>);}function_checkbox(name,str,defv)elsevarthisstr=;thisst...
|
|
[p]在一個(gè)支持多選的下拉列表框內(nèi)進(jìn)行數(shù)據(jù)項(xiàng)的添加、刪除、向上、向下移動(dòng)操作，我們?cè)谝恍┤瞬啪W(wǎng)站或是編程技術(shù)站經(jīng)常會(huì)看到這種功能，比較實(shí)用。[/p][code]
ASPPHPASP.NETJAVADELPHI[/code]
|
|
[p]用javascript判斷復(fù)選框中否選中，同時(shí)可以限制復(fù)選框的選中個(gè)數(shù)，這是一個(gè)比較實(shí)用的js表單判斷示例，復(fù)選框的是否選中曾經(jīng)讓很多人納悶，現(xiàn)在好了，這段代碼幫你解決了難題。[/p][code]判斷復(fù)選框中否選中varcheck_num=0;functioncheck()}
你只能選擇3個(gè)復(fù)選框。[/code...
|
|
[p]僅用了一行代碼就實(shí)現(xiàn)了文本框的文字輸入數(shù)量限制，并適時(shí)給出提示，一般常見于發(fā)表評(píng)論、留言或簽名框等，當(dāng)輸入的字符達(dá)到限制后，就不能再輸入了，你輸入一個(gè)，會(huì)被程序刪除一個(gè)，有意思吧？[/p][code]文本框輸入限制[br]0/10[/code][code]JS限制Textarea文本域字符個(gè)數(shù)maxlimit)/...
|
|
[p]細(xì)心、注意發(fā)現(xiàn)的人都會(huì)注意，有不少網(wǎng)站為了提高表單的輸入效率，讓input輸入框在輸入時(shí)變?yōu)榱Ⅲw的，這樣看的更清楚，也就是當(dāng)鼠標(biāo)點(diǎn)擊輸入框后會(huì)激活js函數(shù)，調(diào)用對(duì)應(yīng)的css代碼，仔細(xì)看一下代碼就明白了。[/p][code]立體輸入框-www.codefans.net[/code]
|
|
一款仿淘寶支付寶網(wǎng)站的用戶注冊(cè)表單效果，無刷新檢測用戶名、密碼，還有一個(gè)鉤選用戶注冊(cè)協(xié)議的選項(xiàng)，用戶必須點(diǎn)擊用戶注冊(cè)協(xié)議的復(fù)選框之后才能點(diǎn)擊提交，用到了幾個(gè)gif小圖，請(qǐng)自行下載。[code]仿支付寶注冊(cè)表單效果-www.codefans.netbodydivinput.txtarealabel.reg.divstyl...
|
|
[p]當(dāng)你的表單沒有輸入完成的時(shí)候，提交按鈕是灰色的，不能提交，你必須按要求輸入必填的項(xiàng)，此時(shí)提交按鈕才能恢復(fù)使用，雖然我們可以用js判斷表單的完整性，但各有各的用法和思路，因此這樣做也未嘗不可。[/p][code]輸入完成才能提交[br][br]functioncheck()[br][br][br][br][br][...
|
|
[p]這個(gè)比較經(jīng)典，以前放出來有幾個(gè)全癬全不選的按鈕，感覺不太順，這個(gè)是真的是經(jīng)典，也是用的最多的一個(gè)，代碼也不復(fù)雜，直接復(fù)制到你的表單中就可以用啦！[/p][code]控制復(fù)選框的全選與反選-www.codefans.net.whitefunctionCheckAll(elementsA,elementsB){var...
|
|
[p]javascript判斷上傳圖片的格式，并按比例預(yù)覽圖片，比較實(shí)用的一個(gè)javascript應(yīng)用，在ie8下測試也兼容，代碼簡潔，復(fù)制到你的網(wǎng)頁就可以用了。[/p][code]上傳圖片前判斷格式并預(yù)覽functionyulan()else}[/code]
|
|
[p]左右兩個(gè)select列表框交換數(shù)據(jù)的js代碼，上下左右都可以移動(dòng)數(shù)據(jù)，還可以置頂、沉底，相信大家見到過，但覺得挺實(shí)用，與大家分享。[/p][code]select列表框交換數(shù)據(jù)centerselect可選擇排序方式已選擇排序方式aspphpasp.netjspvbdelphiajaxjquery>=moveopt...
|
|
下拉框的數(shù)據(jù)來回交換，記得最早是在人才網(wǎng)站選擇職位時(shí)候發(fā)現(xiàn)的這種功能，本款是模仿的，功能有點(diǎn)不一樣，只提供一種思路，希望對(duì)你有幫助。[code]列表數(shù)據(jù)交換functioncopyToList(from,to)varsel=false;for(i=0;i長沙天津南京武漢鄭州-->
選擇地區(qū)[/code]
|
|
select列表各項(xiàng)上移和下移的js代碼，可以手功排序，以前我們都見到過的，從事web編程的朋友經(jīng)常會(huì)用得到。[br][code]Select列表各項(xiàng)上移和下移functionmove(index,to)for(i=total;i>=0;i--)else}list.focus();}functionsubmitForm...
|
|
在注冊(cè)表單填寫資料的時(shí)候，特別是在人才招聘網(wǎng)站，會(huì)讓我們選擇職位或想去的工作目的地，會(huì)讓我們?cè)趕elect下拉列表框中進(jìn)行所列項(xiàng)目的多癬移除，左右兩個(gè)下拉列表交換內(nèi)容，需由javascript完成，請(qǐng)運(yùn)行一下看效果。[code]Select下拉列表框進(jìn)行多選、移除、交換內(nèi)容請(qǐng)選擇：江蘇省廣東省河南省吉林省浙江省>ali...
|
|
[p]表單提交后按鈕變灰色的功能實(shí)現(xiàn)方法，可有效防止重復(fù)提交表單，如果提交動(dòng)作沒有完成，則一直呈灰色狀態(tài)等待確認(rèn)。代碼的實(shí)現(xiàn)也是超簡單的，此方法也是實(shí)用的，希望收藏一下。[/p][code][br][br][br]表單提交后按鈕變灰代碼[br][br][br][br][br]functionmy_submit()[br...
|
|
[p]現(xiàn)在不是流行文本框的下拉提示嗎？像google搜索、百度搜索都有這功能，在輸入框輸入東西的時(shí)候它會(huì)自動(dòng)出現(xiàn)匹配內(nèi)容，給用戶提供了方便，但是有些時(shí)候，比如考試系統(tǒng)，出現(xiàn)這樣的提示那就不太好了，那么如何才能禁止掉它呢？其實(shí)方法很簡單，就是使用文本框的autocomplete屬性，將其設(shè)置為off，也就是關(guān)閉的意思，那...
|
|
[p]一個(gè)流行且實(shí)用的js表單驗(yàn)證提示，演示了怎么自定義錯(cuò)誤信息的顯示方式，同時(shí)通過寫formvalid.showerror類方法來實(shí)現(xiàn)錯(cuò)誤顯示方式自定義：errmsg是一個(gè)錯(cuò)誤消息的數(shù)組，這樣方便自定義,errname是對(duì)應(yīng)錯(cuò)誤信息元件名數(shù)組，這樣可以非富自定義顯示方式，formvalid.allname記錄了所有有...
|
|
[p]javascript+css實(shí)現(xiàn)精致的、符合標(biāo)準(zhǔn)的表單效果，鼠標(biāo)點(diǎn)擊輸入框，立即會(huì)提示用戶該輸入框的填寫要求，色彩搭配也極和諧，我喜歡。[/p][p][/p][p][br][br][br][br]js+css實(shí)現(xiàn)的一種交互體驗(yàn)[br][br]@charsetutf-8;[br]/*元素初始值*/[br]html[...
|
|
[p]來自msn網(wǎng)站的選項(xiàng)卡，清新淡藍(lán)色風(fēng)格，新聞?lì)悺①Y訊類、文章類網(wǎng)站都比較適合使用，代碼擴(kuò)展性高，w3c標(biāo)準(zhǔn)設(shè)計(jì)，兼容ie、火狐等多種瀏覽器，整體效果非常不錯(cuò)。[/p][p][/p][p][br][br][br][br]msn選項(xiàng)卡[br][br]body[br]h1,h2,h3,h4,h5,h6,form,div...
|
|
[p]簡單漂亮的導(dǎo)航條，半弧形的菜單背景，鼠標(biāo)放上變色，而且是不同的顏色，現(xiàn)在流行的一種菜單樣式，個(gè)人很喜歡。[/p][p][/p][p][br][br][br]導(dǎo)航條[br][br]body[br]#navigation[br]#navigationul,#navigationulli[br]#navigationu...
|
|
[p]一個(gè)簡單方法實(shí)現(xiàn)了css滑動(dòng)門菜單，正研究滑動(dòng)門的朋友請(qǐng)關(guān)注一下，這個(gè)代碼可以讓你了解滑動(dòng)門的實(shí)現(xiàn)過程，沒有用什么復(fù)雜的方法，只用簡單配合js，就完成了一個(gè)流行的滑動(dòng)導(dǎo)航。[/p][code][br][br]如此簡單就實(shí)現(xiàn)了css滑動(dòng)門[br][br]*[br]ulli[br]ul,li[br].tabs,.ta...
|
400 186 1886
