原创 原生js實現事件切換

function turn(elem) { var cls = elem.className; if (/front/.test('front')) { cls = cls.replace(/front/, 'back'); } els

原创 仿jquery獲取dom元素

function g(id) { if (id.substring(0, 1) == '.') { return document.getElementsByClassName(id.substring(1)); } return do

原创 自定義隨機數

        //隨機生成一個數 0~20 function random(range) { var max = Math.max(range[0], range[1]); var min

原创 包含多個圖層、縮放條、工具條、鼠標位置、彈出窗口

<style type="text/css">         #map {             width: 640px;             height: 475px;             border: 1px so

原创 clip:rect實現圖片裁剪

<html> <head> <style type="text/css"> img { position:absolute; left:50px; top:50px; clip:rect(0px 50px 200px 0px) } <

原创 js實現div拖動

寫道 http://blog.csdn.net/notlikegaoshou/article/details/6562636http://zhidao.baidu.com/link?url=ePDc5C8v-kcewgZty7w_se

原创 html5之後全局js編輯

<script> window.document.designMode = "on"//off on:瀏覽器上的任何元素都可以進行編輯 </script> 建議不要使用全局屬js屬性進行編輯,還是用html5標籤自帶的content

原创 html5存儲

localStorage.setItem('aa','aa'); undefined localStorage.getItem('aa'); "aa" localStorage.removeItem('aa'); undefined l

原创 postgresql

PostgreSQL數據類型 寫道 http://www.php100.com/manual/PostgreSQL8/datatype.html   寫道 http://www.php100.com/manual/PostgreSQL8

原创 CSS兼容IE的透明度設置

opacity:1; filter:alpha(opacity=100)  

原创 html新增屬性_1

script中新增屬性:async async 規定異步執行腳本(僅適用於外部腳本)。defer defer 規定是否對腳本執行進行延遲,直到頁面加載爲止。input中新增:   

原创 cursor

cursor:zoom-in/zoom-out  //  放大、縮小 cursor:grab/grabbing   //打開的手,握拳的手

原创 css sprite佈局小圖標

常用網頁小圖標加載方式: 1、 css sprite方式,即將多個小圖標放置在一張大圖上,然後通過background-image/background-position 來進行絕對佈局。要注意的是要確保每個小圖標大小一致。  【優勢,

原创 js對象封裝

<!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="jquery-1.8

原创 html全局屬性

html全局屬性