原创 圖片在容器中水平居中css
在浮動的li 或div 中,未知大小的圖片水平居中代碼 #team li img{ clear: both; display: block; margin:auto; float:none; /*浮動容器中*/}
原创 原圖對比窗簾效果jQuery分享
效果: HTML代碼: <div class="vfx-image-wrap special"> <div class="before-image" style="width: 50%; transition: all 0.
原创 加入收藏兼容主流瀏覽器代碼
//加入收藏 function AddFavorite(){ if (document.all) { addToBookMark(window.location.href, document.title); } else if (w
原创 C#使用jsonp進行跨域提交表單
跨域提交留言,並返回是否成功! C#服務端: public void FeedBackPost(string name, string email, string tel, string website, string desc, s
原创 經驗分享:10個簡單實用的 jQuery 代碼片段
平滑滾動到錨點 這個功能很常見,在網站底部添加一個讓訪客快速回到頁面頂部的功能,下面是實現這個功能的示例代碼: 1 2 3 4 5 6 7 8 9 10 11 12
原创 HTML熱區map座標,隨窗口大小自適應辦法(javascript)
爲圖片添加MAP: [html] view plaincopy <div> <span id="lbresult"> <img src='YardCribGraphic.aspx' width='100%' he
原创 jquery動態改變背景顏色插件
GETHUB下載地址 背景顏色用animate方法時時無法改變顏色的 所以要使用插件進行補充。 使用方法: <!DOCTYPE html> <html> <head> <style> div { background-col
原创 多終端WEB頁面字體處理方法總結
回想2年前剛開始接觸手機項目,接到PSD稿後,發現視覺設計師們喜歡用微軟雅黑作爲中文字體進行設計,於是我寫頁面的時候也定義 font-family 爲微軟雅黑,後來發到線上後,細心的產品經理髮現頁面的字體不是微軟雅黑,要求馬上修改,我就
原创 使用Bootstrap框架時,PC端測試小屏效果正常,移動端失效
在使用Bootstrap框架時,本地調試小尺寸都沒問題,一切正常,切換到手機上打開一看,顯示的依然是大屏的效果。 解決方法其實很簡單。 官網解釋: HTML5 文檔類型 Bootstrap 使用到的某些 HTML 元素和 CSS
原创 jQuery中的選擇器:visible對visibility:hidden的處理
首先先介紹visibility這個CSS屬性。 visibility用於表示該元素是否顯示,其取值有: visible:設置對象可視。 hidden:設置對象隱藏。 collapse:主要用來隱藏表格的行或列,隱藏的行或列
原创 CSS3元素閃爍效果
@-webkit-keyframes twinkling{ /*透明度由0到1*/ 0%{ opacity:0.1; /*透明度爲0*/ } 100%{ opacity:1; /*透明度爲1*/ } } @k
原创 jQuery如何阻止子元素繼承父元素事件?
<script type="text/javascript"> function f1(e){ alert("你點擊了一個鏈接"); //取消冒泡 e.cancelBubble =
原创 圖片列表橫向切換代碼
//圖片列表橫向切換 var PicnewsItem=0; function PicnewsGo(){ var $picnews_ul=$("#picnews_ul"); var LiLength=$picnews_ul.find
原创 使用Skrollr創建視差滾動效果頁面
視差滾動(Parallax Scrolling)是指多層背景以不同的速度移動,形成立體的運動效果,帶來非常出色的視覺體驗。隨着用戶對視覺體驗的要求不斷提高,WEB開發者開始在網頁中加入各種特效元素以滿足用戶的需求。今天這篇文章給大家推
原创 鼠標滾輪插件jQuery mousewheel
delta的值是負的即-1,那麼滾輪就是向下滾動,正的1就是向上。 插件方法: 1.爲了監聽滾輪事件,該插件引入了mousewheel事件,所以我們可以監聽元素的mousewheel事件 2.該插件還提供了元素快捷方法mousew