原创 jquery移動浮動層
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
2019-02-22 15:52:00
原创 overflow:hidden在ie6和7下無效的問題
當overflow:hidden在ie6 7下無效時 表明在父標籤下必有子標籤的屬性爲position:relative 解決方法1 刪除 子標籤的 position:relative; 解決方法2 爲父標籤增加 position:
2019-02-22 15:51:54
2
原创 fixed 兼容ie6
/*讓position:fixed在IE6下可用! */ .fixed-top /* 頭部固定 */{position:fixed;bottom:auto;top:0px;} .fixed-bottom /* 底部固定 */{po
2019-02-22 15:51:54
原创 讓幾個div靠外面容器底部對齊
使用position:fixed可以解決問題但是ie6下不支持fixed /*讓position:fixed在IE6下可用! */ .fixed-top /* 頭部固定 */{position:fixed;bottom:auto;
2019-02-22 15:51:54
原创 ie6下png透明
使用htc 加入black.gif 否則ie6下圖片會顯示查查 把iepngfix.htc和iepngfix_tilebg.js 放在目錄下 導入js <script type="text/javascript" src="iepng
2019-02-22 15:51:54
原创 自定義命名空間
(function($) { if (!$) return; // ---------------------------- // String原型方法擴展 $.extend(String.proto
2019-02-22 15:51:52
原创 div只顯示橫向滾動條
要用兩個div配合實現 <div style="width:50px;height:20px;overflow-x:auto;overflow-y:hidden;"> <div style="width:9999px;">
2019-02-22 15:51:52
原创 inline-block的作用
一般都用block和inline 其實inline-block也很好用 比如a或者span 初始是文字的大小寬度無法調整寬度高度設置爲inline-block之後 能夠調整寬度高度切能解決雙倍margin問題而且還不是塊元素不會換行
2019-02-22 15:51:52
原创 onload與ready的區別
1 onload等頁面全部加在完畢然後執行 ready()只要dom加載完畢就執行 2 onload只能一個 ready()可以有多 3 ready()可以簡化成 $(function(){do sth...})
2019-02-22 15:51:52
原创 select 設置邊框兼容所有瀏覽器
<div style="width:80px; border:1px solid #cfdce5; overflow:hidden;float:left;margin-right:5px;display:inline; "> <p
2019-02-22 15:51:52
原创 用data傳數
$("#id").click(function(){ $("#cc").data("obj",$(this)); }) $("#cc").click(function(){ $("#cc").data("obj").
2019-02-22 15:51:52
原创 空格全角半角
經常會遇到輸入空格時顯示的距離 不一樣 一般會是因爲全角半角的問題 例如： 用戶名 密 碼 效果顯示不能對齊 可以改變自己 用font-family:Verdana Verdana 是windows 自帶的字體
2019-02-22 15:51:52
原创 解決IE6下默認不緩存背景圖片的bug
if($.browser.msie && $.browser.version == "6.0"){ try{ document.execCommand('BackgroundImageCache', false,
2019-02-22 15:51:52
原创 去除超鏈接點擊之後的虛線
在 Firefox 裏可以用 -moz-outline:none; 或者 outline:none; 來將其去掉。所以我們可以這樣寫： a:focus { outline:none; -moz-outline:none;
2019-02-22 15:51:52