《PHP求职宝典》--Web设计页面笔记
偶然間在圖書館看見這本書，名字很吸引人，果然不錯，許多細節以前沒在意，但是確實值得注意一下。先分享一下Web設計頁面的內容。可能對比較獨到的程序員來說比較弱智，不過只針對可以對那些有幫助的程序猿而言分享一下學習的經驗：
通過form表單控制上傳文件的大小：
enctype="multipart/form-data",指定表單編碼數據方式
ethod=""，指定數據傳輸方式
<input type="hidden" name="MAX_FILE_SIZE" value="1000" />,通過隱藏域控制上傳文件的大小(字節)，不能超過php.ini中upload_max_filesize選項設置的值。
?
當鼠標劃過文本框，自動選中文本框中的內容：
<input type="text" value="" οnmοuseοver="this.select()" />
解決ff瀏覽器中嵌套div標簽text-alian屬性失效的問題：
將里面嵌套的div設置style：margin:0px auto;
?
使一個div層居中定位：
position:absolute;top:50px;left:50px;margin:-100px 0 0 -100px;
?
<span>和<div>標簽的區別：
span標記屬于內聯的，一般用于小規模的樣式內聯到HTML文檔中，div元素本身就是塊級元素，多用于組合大塊的代碼。
?
定義1px左右高度的容器：
overflow:hidden | zoom:0.08 | line-height:1px;
?
解決ff下文本無法撐開容器的高度：
1. 設置min-width和min-height
2. 加入一個清除對齊方式的類clear:both屬性來自動計算火狐瀏覽器的高度。
?
解決超鏈接被點擊后hover樣式不會出現的問題：
對超鏈接樣式屬性進行正確的排序：
link--visited--hover--action
?
解決IE6下雙倍編劇問題：
display：inline
?
jQuery：
jQuery是一個優秀的JavaScript庫，是一個由John Resig創建于2006年1月的開源項目。團隊中有三個核心人物：John Resig、Brandon Aaron和Jornada Zaeffere,宗旨：WRITE LESS,DO MORE。
?
制作一個照片輪換效果：
?
<html> <head> <script src="jquery.js"></script> <style> ul{list-style:none;width:500px;border:1px solid red;} ul li{position:absolute} ul li img{width:350px;height:300px} </style> </head> <body> <div class="change"> <ul> <li><img src="1.jpg"></li> <li><img src="2.jpg"></li> <li><img src="3.jpg"></li> <li><img src="4.jpg"></li> </ul> </div> <script> $(function(){ $(".change ul li:not(:first)").hide(); setInterval(function(){ if($(".change ul li:last").is(":visible")){ $(".change ul li:first").fadeIn('slow'); $(".change ul li:last").hide(); }else $(".change ul li:visible").next().fadeIn('slow'); },1000); }); </script> </body> </html>?
?
使用jquery獲取當前DOM元素的左上角在整個文檔的位置：
?
$(function(){ var width = $("ul").css("margin-left"); var height = $("ul").css("margin-top"); alert(width+","+height); });
在DOM樹中替換指定元素：
?
<script> var title=$('<span>dd</span>'); $("div").replaceWith(title); </script>
在DOM樹中創建并插入元素:
?
<script> var title = $('<span>adf</span>'); $("div").append(title); //將title追加到div標簽內容后面 $("div").before(title); //將title追加到div標簽之前與div標簽屬于同一層次 $("div").prepend(title); //將title追加到div標簽內容之前 $("div").after(title); //將title追加到div標簽之后與div標簽屬于同一層次 </script>轉載于:https://www.cnblogs.com/fanchangfa/archive/2012/11/24/2786184.html
總結
以上是生活随笔為你收集整理的《PHP求职宝典》--Web设计页面笔记的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： sql中union和union all的
- 下一篇： 使用Nexus2.x为Maven3.x搭