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