不需要其他外掛程式,簡單通過使用jquery 中的animate
andscrolltop
方法,就能實現
// 回到頂部
$('a.top').click(function (e) , 800);
});
back to top
通過 改變scrolltop
的值控制滾動條到達哪個位置
如果你的頁面有很多,並且預設情況下是看不到的,當你滑鼠移動過的時候才出現,這時候就需要 預載入功能
$.preloadimages = function ()
};$.preloadimages('img/hover-on.png', 'img/hover-off.png');
有時候你需要去知道是否真正載入完成.
$('img').load(function () );
使用一張預設的來代替載入不成功的
$('img').on('error', function () );
$('.btn').hover(function () , function () );
混合寫法,
$('.btn').hover(function () );
比如有時候 ,只想提交一次表單,就可以設定禁用
$('input[type="submit"]').prop('disabled', true);
如果想解禁 ,
$('input[type="submit"]').prop('disabled', false);
有時候我們常常用超連結作為按鈕,但是超連結本身是有鏈結 會跳轉的,假如我們不想要跳轉的時候 就需要阻止預設行為
$('a.no-link').click(function (e) );
// 漸入漸出
$('.btn').click(function () );
// 下拉收起
$('.btn').click(function () );
不管他們的內容怎樣 他們的高度都會保持一致
通過css設定 最低高度值,
$('.div').css('min-height', $(.main-div).height());
無論內容是什麼 都保持高度一致
var $columns = $('.column');
var height = 0;
$columns.each(function ()
});$columns.height(height);
遍歷設定一串行的元素的高度統一
$('a[href^="'+window.location.origin+'"]').attr('target','_self');注意:window.location.origin
不相容ie10 解決方案
通過 jquery的contains()
方法
var search = $('#search').val();
$('div:not(:contains("'+search+'"))').hide();//表示如果沒有包含search內容的都隱藏
前端應該知道的web登入
還記得在上家公司做全乾工程師的時候,基本從頁面寫到運維,當時做登入這塊的時候,被session cookie token各種概念差點整矇圈了,上網查詢相關概念,發現很多人都是類似的疑惑,比如 首先這是因為http是無狀態的協議,所謂無狀態就是在兩次請求之間伺服器並不會儲存任何的資料,相當於你和乙個人...
每個 Linux 新手都應該知道的 10 個命令
全球網際網路使用者有 3.74 億 1 他們都以某種方式使用 linux,因為 linux 伺服器佔據了網際網路的 90 大多數現代路由器執行 linux 或 unix,top500 超級計算機 2 也依賴於 linux。如果你擁有一台 android 智慧型手機,那麼你的作業系統就是由 linux...
每個網頁設計師應該知道的10條CSS規則
通過網頁設計師的大量css經驗,我們會記住所有種 語法,相容性和片段。有一些特定的css,可以真正幫助改變你的 設計改變較舊的技術規則和宣告。這裡是我收集到的很有用的10條css規則 media screen and max width 960px 如果需要支援老版本的瀏覽器,那你就必須堅持使用cs...