原创 jquery編寫兼容IE6的返回頂部功能

<pre name="code" class="html"><!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Co

原创 移動端網頁大小固定區域滾動/overflow:auto移動端不顯示滾動條

移動端網頁,要實現功能,如圖片 初步想法,使用dl 給dl設置固定寬高 然後用overflow:auto設置滾動顯示完整內容 碰到問題1:滾動條不顯示,但是可以正常滾動, 解決辦法<span style="font-family:Mic

原创 js截取一定長度的字符,文字設置成2個字符截取

//計算字符串的長度,將漢字替換成2個字符function byteLen(s){ return (s||'').replace(/[^\x00-\xff]/g, "--").length; } function subByte(s,

原创 javascript表單驗證常用正則表達式

表單驗證常用的正則表達式 1.用戶名:^[a-zA-Z][a-zA-Z0-9_]{4,15}$     字母開頭,允許5-16字節,允許字母數字下劃線 2.密碼: 3.匹配國內電話號碼:var reg=/^\d{3}-\d{8}|\d{4

原创 iframe父子頁面操作-比較好用的兩個方法-window.parent/oframe.contentWindow.document

發現比較好用的iframe父子頁面操作方法,記錄一下 1.父頁面 test.html   <iframe id="iframe1" src="iframe.html"></iframe>  獲取iframe    var ofram

原创 刪除數組的重複元素

給出數組,判斷重複元素,出現重複元素,修改數組刪除元素,主要代碼 <script type="text/javascript"> var array=new Array("name","name2","name2","name2","n

原创 鼠標滾輪事件+鍵盤按鍵事件(仿《主公莫慌》官網)

1.主公莫慌官網地址:http://zgmh.163.com/ 2.頁面效果:鼠標滾到最下方後,鼠標向下滾動一次,頁面切換下一張,當前頁分解模塊,滑動到上方;                      鼠標滾到最上方後,鼠標向上滾動一次

原创 手機網站開發-viewport-按照手機尺寸顯示頁面

最近在寫手機網頁,總結兩個方法 1. 網頁寬度可固定爲640px,然後使用viewport實現頁面在不同手機頁面顯示      網頁中插入script代碼<script type="text/javascript"> if(/Andr

原创 動漫網站-播放列表一些特殊格式及處理

特殊格式:       1.特報,特報1,特報2,pv         2.pv,pv1.1,pv2,先行PV,應援PV,         3.特別篇空山鳥語01,特別篇空山鳥語02,特別篇少司命01 4.DVD上,DVD下 5.宣傳片,

原创 webapp添加網站圖標到ios桌面

1.設置圖標logo <link rel="apple-touch-icon" sizes="57x57" href="images/applogo57.png"> <link rel="apple-touch-icon"

原创 迷你資訊頁面開發 iframe頁面操作

迷你資訊頁面: 開發注意點:1.所有的a鏈接,打開方式應選擇新頁面打開,target:_blank                          2.index頁採用iframe引用各資訊頁,保證數據動態獲取,頭部head.html,

原创 視頻網站-添加動漫專用手機播放器-提示處理

今天看到熱片網repian.com有個功能:       iphone訪問視頻網站時,彈出提示“下載手機專用播放器”,然後給出下載地址       加載的頁面類似http://www.pgyer.com/app/install/313

原创 ie6.7設置display:none時仍佔位

最近做項目時,碰到一個奇怪的問題: 當我把如下代碼中,前面的a用jquery設置成hide()時,ie6.7後面的a錯位,說明前面的a在隱藏的時候,仍舊佔位置。 js代碼 $(document).ready(function(e) {

原创 js滾動加載圖片

原理:1.圖片的真實地址不用src,使用其他屬性調用,src採用loading圖    <img class="scrollLoading" data-src="http://images.cnblogs

原创 歷史管理-onhashchange&window.history

網頁記錄歷史記錄兩種方法 1.onhashchange事件  改變hash值來管理    hash值:http://test.con#hash #後面內容即爲hash值     設置網頁的hash值  window.locatio