原创 原生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全局屬性