javascript 垂直輪播(跑馬燈、vertical carousel)
javascript 垂直輪播(跑馬燈、vertical carousel)這邊使用一個別於<marquee>的用法 這是在網路上找到的(很抱歉我忘記出處了 如果有人知道的話請告訴我...
View ArticleClik here to view.
Javascript隨機圖片輪播
隨機圖片輪播 來源:http://blog.xuite.net/abgne/diary1/3900476上次教了隨機廣告播放後，現在要教的是另一種型的廣告播放，叫做輪播。什麼是輪播？顧名思義就是輪流播放，在不重整頁面下一直播放各種不同的圖片，這就是輪播。 輪播的原理其實跟隨機播放差不多，只是多用了個setInterval()函式而已。...
View ArticleClik here to view.
Javascript隨機廣告播放
Javascript隨機廣告播放來源:男丁格爾 各位應該會發現上某些網站時，每次進去看到的廣告都不一樣，且點下去連到的網站也不同，其實這算是蠻常見的隨機廣告。今天要來介紹三種單一圖片的隨機圖片顯示效果。 這三種差異的地方只是在JavaScript裡面的function有點小不同，在HTML的部份其實都是一樣的，下面先來看在Body的部份：以下為《HTML》原始碼 <body >...
View ArticleJavaScript狀態列輪播跑馬燈
JavaScript狀態列輪播跑馬燈 請在<BODY>標籤中加入下列程式碼以下為《HTML》原始碼 請將以下程式碼複製至您的<BODY>與</BODY>之間以下為《JS》原始碼 <!-------JavaScript狀態列輪播跑馬燈 START--------> <script language="JavaScript"> <!--...
View ArticleJavascript圖片輪播
Javascript圖片輪播貼在<head>--</head>以下為《JS》原始碼 <script type="text/javascript"> /* 置換網頁的輪播圖片 使用的網頁須建立一個image <img id="pimg" src="http://s.blog.xuite.net/_image/emotion/hastart/m167.gif"...
View ArticleClik here to view.
自動輪播的訊息頁籤
自動輪播的訊息頁籤圖片：自動輪播頁籤 ie 與 mozilla 通用.png可修改項目1.CSS ←這行可有可無，不影響程式執行.MsgHide {height:174px;border:1px solid #aaa;padding:10px;font:normal 12px 細明體;display:none}2.HTML ( 以下為完整頁籤架構 )...
View Articlecss+js截取圖片最大面積以保證圖片不變形
css+js截取圖片最大面積以保證圖片不變形做網站時，把一個欄目的文章移到另一個欄目或文章列表原來定義的文章圖片可以會因為大小不一樣而變形。可以把文章列表頁面裡的圖片顯示最大面積。 多於的部分就不顯示了。 這樣也是種最好的方法，不要不然每個文章都改一下圖片工作量太大頁面上的ＤＩＶ以下為《HTML》原始碼 <div class=”show3img”><img src=”01.jpg”...
View Articlejs實現仿163下拉廣告效果
js實現仿163下拉廣告效果本ＪＳ用來實現像一些大門戶網站的上部加入一下下拉式的廣告． 整個頁面向下移動，幾秒後，整個頁面又上移，那個廣告消失，或只是剩餘一部分．mouseoverShowImage函數用於滑鼠游標mouseover事件，如果不要，可以去掉．以下為《HTML+JS》原始碼 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0...
View ArticleJavascript檢查字串是否是數字及去空格
Javascript檢查字串是否是數字及去空格js判斷一個字元串是否都是由數字組成（如：0,12,1,63,055,010等是滿足條件的，但-1是不滿足的）以下為《JS》原始碼 //判斷是數字 function checkNumber(s){ var re = /^[0-9]*[1-9][0-9]*$/; // 參數說明re 為正則表達式s 為要判斷的字元 return (re.test(s) ||...
View Article解決mailto中body的換行問題
解決mailto中body的換行問題常常有人製作 轉寄好友 功能時，會直接採用 啟動 Outlook 寄送郵件的方式這時就要用到 mailto 連結語法但若想要預設帶入 主旨 及 內容時，可以下此語法<a href="mailto:aaa@bbb.com?subject=主旨&body=內文">連結</a>如果想在BODY內進行換行，可不是用 \n 或...
View Articlejavascript實現EMAIL推薦本頁功能
javascript實現EMAIL推薦本頁功能<title>測試</title><body><script language="javascript">function mailpage(){ mail_str = " mailto:xxxh@21cn.com?subject=推薦網頁 : " + document.title; mail_str...
View ArticleDIV 圖層置中CSS處理(水平置中+垂直置中)
DIV 圖層置中CSS處理(水平置中+垂直置中)網頁設計師為了版面美觀，時常會想讓網頁的某塊區域置中。在以前拿表格來排版時，我們可以用以下方式達成目的：<table align="center" border="1" width="200"> <tr><td>網頁內容</td></tr>...
View ArticleGoogle Maps API 輸入地址轉經緯度,並產生地圖程式分享!!
Google Maps API 輸入地址轉經緯度,並產生地圖程式分享!!首先要寫Google Maps API必須要先擁有API KEY你能夠到以下網址申請http://code.google.com/apis/maps/signup.html(一個網址需要申請一個API KEY)申請完後你能在這個頁面找到些範例程式http://code.google.com/apis/maps ......
View Article撰寫跑馬燈/廣告輪播的好工具：jQuery Cycle Plugin
撰寫跑馬燈/廣告輪播的好工具：jQuery Cycle PluginjQuery 是我最常用的 JavaScript Library，而且外掛程式超多，有空的人是可以多上去看看有什麼新玩意，保證有許多驚喜！我大約是在一年前得知有 jQuery Cycle Plugin 這個 jQuery 外掛套件吧，當時為了找一個可以「跨瀏覽器」的廣告輪播套件找了好久，也試用了好幾套，不過大部分廣告輪播或跑馬燈的...
View Article[求助]關於隔1秒才出現下一個DIV
各位大大~我想讓頁面上的DIV不要一次秀出，希望隔一秒才秀出下一個不知道要怎麼寫才可以呈現這樣的效果下面是我目前寫的先謝謝各位大大~以下內容為程式語法:1 ＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞2...
View Article請問博客來這個網頁的移動效果是怎麼做的呢?
請問博客來這個網頁的移動效果是怎麼做的呢? 可以請知道的大大教學一下嗎?可以不用flash就做到這樣的效果耶~好炫 http://www.books.com.tw/activity/2011/02/allpass/
View Article[原創]PAZU web打印控件試用心得
在網頁開發打滾也很久了，後來因為有列印的需求所以在網路上也找了很多相關的軟件 其中找到了一個名叫PAZU的web打印控件，我覺得還不錯用。 但是我看到從google搜尋出來的文章都有寫著是免費的字眼，但其重點是：你必須要做一點事情，才可以免費使用PAZU這個web打印控件。 其要做什麼~我不多說，看看以下網址吧!...
View ArticleClik here to view.
12個新鮮出爐的Web開發框架
12個新鮮出爐的Web開發框架有的時候，像jQuery這樣的Web框架對於網站建設非常重要。很多的開發人員會選擇合適的框架以幫助他們專注於網站的建設，而不用花太多的時間去思考如何設計一個網站。下面列舉了12個新鮮出爐的Web開發框架，掌握其中的一兩個，相信可以幫助你節省很多時間和精力。 1.Timeglider http://timeglider.com/jquery/ 圖片：...
View Article大眾運輸工具資訊
最近需要做到大眾運輸工具的規劃路線 Google map api只能用到汽車來規劃 但我需要 火車 公車..等轉乘資訊 網路上查到很多軟體可以做到這個功能 卻不太知道他們是如何弄得 希望各位先進能夠給我一些想法和方向>"<
View ArticleClik here to view.