原创 圖片在容器中水平居中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