JQuery 國際象棋棋盤 實現(xiàn)代碼
當(dāng)時沒覺得有什么,今天回頭看看,覺得還有點意思,拿來給大家鑒定一下。
首先要實現(xiàn)棋子的排布,這毫無疑問得用div+css了。
具體代碼可以看Jquery做的國際象棋棋盤(查看源代碼) 。
一開始我給每種棋子都寫了類,實際上這...
|
當(dāng)時沒覺得有什么,今天回頭看看,覺得還有點意思,拿來給大家鑒定一下。
首先要實現(xiàn)棋子的排布,這毫無疑問得用div+css了。
具體代碼可以看Jquery做的國際象棋棋盤(查看源代碼) 。
一開始我給每種棋子都寫了類,實際上這...
如下: 復(fù)制代碼 代碼如下:function checkAttachment(){ alert("here"); var attachmentArray = document.getElementsByTagName("input"); var attachmentSizeArray = document.getElementsByName("fileMaxSize"); var...
function beginDrag(elementToDrag,event) { var =event.clientX-parseInt(elementToDrag.style.left); var deltaY=event.clientY-parseInt(elementToDrag.style.top); //這兒的deltaX/Y實際上就是得出鼠標(biāo)和div的坐...
當(dāng)然,代碼使用起來也非常的方便,很多東西就不用自己再去琢磨了。 研究的過程中順便用jQuery實現(xiàn)了一個div的拖動,代碼附于本文結(jié)尾。 實現(xiàn)的思路請參考我的可以拖動的DIV(二)一文。 在參考jQuery中文網(wǎng)站中的例子時,我發(fā)現(xiàn)...
DOM對象的學(xué)習(xí) java javascript CSS ajax c# c++ 這是第一個節(jié)點 innerHTML的使用 [Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]...
第一種方法: 分為 大 中 小 控制正文字體大小,一般需要指定 id #content {font-size:12px; line-height:200%; padding:10px; } 字體: 小中大 腳本之家 www.jb51.net 歡迎大家的光臨。 [Ctrl+A 全選 注:...
javascript調(diào)用父窗口(父頁面)的方法 window.parent與window.opener的區(qū)別 javascript調(diào)用主窗口方法 1: window.parent 是iframe頁面調(diào)用父頁面對象 2: window.opener 是window.open 打開的子頁面調(diào)用父頁面對象 具體例...
代碼清單1-1 展示javascript的變量作用域的例子 //設(shè)置全局變量foo,并置為"test" var foo = "test"; //在if塊中 if(true){ //將foo置為'new test' var foo = "new test"; } //如我們所見,現(xiàn)在foo等于'new test'了 ale...
css菜單演示 腳本之家 腳本專欄 網(wǎng)絡(luò)編程 數(shù)據(jù)庫 源碼下載 軟件下載 服務(wù)介紹 服務(wù)二 服務(wù)二 服務(wù)二 服務(wù)二服務(wù)二 服務(wù)二服務(wù)二服務(wù)二 服務(wù)二 成功案例 案例三 案例 案例三案例三 案例三案例三案...
(function($){})(jQuery);其實比較簡單,要理解幾個概念:1、(),在JavaScript里()表示執(zhí)行一個方法,如:function x(){ alert("xxx");}var a = x; // 沒有調(diào)用,a 是一個functionvar a = x(); //調(diào)用了函數(shù),a 的值是調(diào)用的結(jié)...
如何實現(xiàn)jQuery的Ajax文件上傳,PHP如實文件上傳.AJAX上傳文件,PHP上傳文件。【PHP文件上傳】在開始之前,我覺得是有必要把通WEB上傳文件的原理簡單說一下的。實際上,在這里不管是PHP,JSP,還是ASP處理上傳的文件,其實都是WEB...
中國北京 中國上海 [Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]...
復(fù)制代碼 代碼如下:(function($){ $.fn.extend({ rollList:function(option){ option=$.extend({ direction:"up", step:1, time:23 },option); var step_coe,scroll_coe,score_coe; if(option.direction=="up") { st...
New Document 鼠標(biāo)的絕對位置:
控件輸入框txtPos的絕對位置:
X:
Y:
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]...
復(fù)制代碼 代碼如下:<!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 htt...
onpopertychange是IE下所有DOM的一個特殊事件,它可以監(jiān)測dom屬性的變化(包括js修改的屬性)
oninput則是Opera、Safari、NetScape等瀏覽器支持的類似onpopertychange的一個事件,不過它只針對inpu(textarea)的value屬性...
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]我在做OA的一個考勤程序時,要動態(tài)顯示服務(wù)器的時間,讓員工知道當(dāng)前是否可以下班,而客戶機由于種種原因時間與服務(wù)器并不一致,所以不能用上面的代碼,改進了一下: [Ctrl+A...
來看一下下面的代碼: var a=textbox1.text; var b=5; if(a<b);//如果用戶輸入的值小于5,就取5 { a=b; } 看看執(zhí)行后有什么效果,無論textbox1.text是什么值,都會時放條件判斷.為什么呢.有沒有什么發(fā)現(xiàn). 原來在寫代碼的...
好,看看匿名函數(shù)的如何被調(diào)用。 1、執(zhí)行后得到返回值的函數(shù)調(diào)用 Js代碼 復(fù)制代碼 代碼如下://方式1,調(diào)用函數(shù),得到返回值。強制運算符使函數(shù)調(diào)用執(zhí)行 (function(x,y){ alert(x+y); return x+y; }(3,4));
Js代碼 //方式...
在線演示 http://img.jb51.net/online/pintu/pintu.htm復(fù)制代碼 代碼如下:<html> <head> <title>JS拼圖游戲</title> <style> body{ font-size:9pt; } table{ border-collapse: collapse; } input{...
無標(biāo)題文檔 .photo {width:896px;height:280px;border-top:0;border-right:2px solid #9f9fa1;border-bottom:1px solid #9f9fa1;border-left:2px solid #9f9fa1;font-size:12px} .photo .left {width:310px;hei...
#divid{width:30px; height:30px;left:200px;top:0px;background:#666;position:absolute;opacity:0.1;filter:alpha(opacity=10);} span{display:block;padding:5px; cursor:pointer;font-size:12px;} 左放...
1 2 3 4 [Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]第二種方法,思路與第一種相同復(fù)制代碼 代碼如下: //預(yù)覽函數(shù) var colorid=""; function ShowTemp() { var eless = document.getElementsByName("colorStyle...
方法一:
用的瀏覽器內(nèi)部轉(zhuǎn)換器實現(xiàn)轉(zhuǎn)換,要領(lǐng)是動態(tài)創(chuàng)建一個容器標(biāo)簽元素,如DIV,將要轉(zhuǎn)換的字符串設(shè)置為這個元素的innerText(ie支持)||textContent(火狐支持),然后返回這個元素的innerHTML,即得到經(jīng)過HTML編碼轉(zhuǎn)換的字符...
但ExtJS中的TabPanel只能水平顯示,搜索了一下Ext論壇,發(fā)現(xiàn)有垂直TabLayout的擴展,但垂直tab的頁簽內(nèi)容是水平顯示的,且頁簽多了之后也不能通過設(shè)置enableScroll屬性使其能滾動,為了適應(yīng)項目的需求,本人對TabLayout進行了擴...