原创 主廣告05-圖片分層出現-兼容IE8和Chrome瀏覽器

在線測試 打包下載 http://www.ecame.com.cn/myexample/mainBanner/5/index.html

原创 主廣告04-右側帶文字標題-兼容IE8和Chrome瀏覽器

在線測試 打包下載 主廣告04-右側帶文字標題-兼容IE8和Chrome瀏覽器

原创 Tab層切換01-兼容IE8和Chrome瀏覽器

在線測試 打包下載

原创 主廣告05-圖片運動展示-兼容IE8和Chrome瀏覽器

在線測試 打包下載 主廣告05-圖片運動展示-兼容IE8和Chrome瀏覽器

原创 Slide圖片輪播03-兼容IE8和Chrome瀏覽器

在線測試 打包下載 Slide圖片輪播03-兼容IE8和Chrome瀏覽器

原创 全屏主廣告07-兼容IE8和Chrome瀏覽器

仿新東方網站滿屏焦點圖代碼 全屏主廣告07 兼容IE8和Chrome瀏覽器 主要HTML代碼 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/

原创 jQuery通過ajax請求php遍歷json數組到table中代碼(推薦)的相關資料

jQuery通過ajax請求php遍歷json數組到table中代碼(推薦)的相關資料,非常不錯具有參考借鑑價值,需要的朋友可以參考下 目前有兩種寫法 第一種: <!doctype html> <html lang="en"> <he

原创 ImageFlow 圖片顯示插件-兼容IE8和Chrome瀏覽器

ImageFlow 圖片顯示插件 兼容IE8和Chrome瀏覽器 好像有時裏面圖片放大的比較大,不知道爲什麼,沒仔細研究,插件很強大,有待深入研究 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.

原创 webapp開發—手機屏幕分辨率和瀏覽器分辨率不要混淆

關於webApp響應式設計遇到的問題,分享給大家,最近在做一個手機webApp,因爲我手機是”米3“,屏幕截圖大小是1080寬,所以css樣式用@media screen and(min-width:1080px){ …… },來判斷屏

原创 js判斷用戶的瀏覽設備是移動設備還是PC

function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase();

原创 ImageFlow 圖片顯示插件-改良版-兼容IE8和Chrome瀏覽器

ImageFlow 圖片顯示插件-改良 -兼容IE8和Chrome瀏覽器 imageFlow.js裏面詳細中文註釋,效果增加了左右箭頭控制,橫向滾動條挪在上面了,應該是原版改進的,效果很好也 在線測試 打包下載

原创 PHP+Ajax點擊加載更多內容 -這個效果好,速度快,只能點擊更多加載,不能滾動自動加載

PHP+Ajax點擊加載更多內容 -這個效果好,速度快,JS代碼雖然沒看懂但感覺很專業寫的,測試通過了,現在是點擊顯示更多才會加載,只能點擊更多加載,不能滾動自動加載 一、HTML部分 <div id="more"> <div

原创 jqueryrotate演示7種不同的旋轉效果

jqueryrotate演示7種不同的旋轉效果 在線測試 打包下載 效果截圖

原创 XSwitch全屏滾動特效--兼容IE8和Chrome瀏覽器

XSwitch全屏滾動特效-兼容IE8和Chrome瀏覽器 電子圖書翻書頁的JS特效,由於IE支持太好,FLASH未來要淘汰,所以折中用了一個全屏滾動特效來替換,因爲電子圖書大部分也是圖片,圖片採用全屏拉伸 <!DOCTYPE html

原创 瀑布流waterfall.js插件,php+ajax動態讀取數據示例

瀑布流waterfall.js插件,php+ajax動態讀取數據示例 兼容IE8和Chrome瀏覽器 <!doctype html> <html> <head> <meta charset="utf-8" /> <title>瀑布