原创 繪製Canvas出現Cannot read property 'getContext' of null;

我在Chrome瀏覽器上出現這個問題的。 解決方法: 將繪製方法,即繪製圖片的<scrip>方法,放在body<canvas></cancas> 下面 因爲chrome下需要文檔載入完成後才能獲得canvas對象

原创 圖片輪播效果,實現思想!

圖片輪播效果,基本上,一個網站,其它效果都可以沒有,但是基本上都存在圖片輪播的效果。 這裏就說說製作的思路。方法有很多種。因人而異。 結構分析 1 要輪播的圖片  bigM[] 2 底部小圓圈按鈕smallM[] 當你點擊任意小圓圈,切

原创 XHTML和HTML的區別

網頁從HTML>>XHTML>>XML這個過程發展 XHTML規範了HTML語言 XHTML是最終發展成XML之前的過渡語言。 XHTML相對HTML的一些區別 1。XHTML 元素必須被正確地嵌套。 錯誤:<p><span>this

原创 在canvas上一些常見屬性

以繪製矩形爲例 <canvas id="myCanvas" width="200" height="200" style="border:1px solid #c3c3c3;"> </canvas> 繪製一個只有邊框的矩形: <sc

原创 分享一個製作JQ插件方法的文章

---------------------------------------------------------------------------------------------------- http://www.cnblogs

原创 阻止事件冒泡、捕獲、和默認事件

阻止事件冒泡、捕獲的方法:e.stopPropagation(); 阻止默認事件發生的方法:e.preventDefault(); 默認事件就是就是瀏覽器自帶的,不是我們寫的方法,比如,你滑動瀏覽器滾動條的時候,頁面會向下滾動!這是就是默

原创 詳解JS的getByclass方法

JS給我們提供了document.getElementById(),document.getElementsByTagName()等獲取元素的方法。但是沒有通過類名獲取元素的方法,所以我們要自己寫一個方法。 //通過class的選擇器

原创 Canvas繪製圓

之前練習了一下繪製矩形順便了解了一些Canvas經常用到的屬性名。 -------------------------------------------------------------------------------------

原创 函數調用--筆記

---------------------------------------------------------------------------------------------------------------- 1.直接調用

原创 動態調用CSS文件 JS文件的方法

動態加載css  <script type="text/javascript">       var link=document.createElement('link');             link.type='text/css

原创 W3C標準

萬維網聯盟(World Wide Web Consortium) 別稱W3C標準 一般我們的網頁由三部分組成:結構(Structure) 表現(Presentation) 和行爲(Behavior). 對應的標準:結構化標準語言主要包

原创 JavaScript運動框架(全)

先看以下代碼: <!DOCTYPE html> <html> <head lang="en">     <meta charset="UTF-8">     <title></title>     <style>         #aa{

原创 分別利用JS和JQ獲取數組索引值index的辦法

今天在自己練習的過程中,突然要用到這個辦法。可是之前只會用JS的方法獲取,不懂怎麼用JQ方法。所以又在網上搜了搜。現在特地總結一下: 測試代碼: <ul id=pUl>                     <li>第一個</li>

原创 很高興加入寫博客的行列,慢慢記錄自己的一點點進步

第一次加入寫博客的行列! 畢業工作兩個月了,靠了大學僅學的一點點HTML基礎進了一家網站製作公司。太多的不懂,無論是難的還是簡單的,一直都是自己一點點百度百度摸索摸索。 爲了尋找問題的解決的方案,翻到百度經驗,貼吧,博客等都是家常便飯

原创 Canvas漸變

畫個普通的純色的圓 <span style="font-family:Microsoft YaHei;font-size:12px;"><body> <canvas id="myCanvas" width="200" height="20