var wh=$(window).height();
成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),西夏企業(yè)網(wǎng)站建設(shè),西夏品牌網(wǎng)站建設(shè),網(wǎng)站定制,西夏網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,西夏網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶成長(zhǎng)自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
$(window).scroll(function(){
var s=wh-$(window).scrollTop();
if(s800){
alert("小于800了")
}
});
(摘自博客園,原網(wǎng)址)
jquery.nicescroll.min.js滾動(dòng)條使用方法,Nicescroll是制作自定義滾動(dòng)條的jq插件。支持div,iframe,html等使用,兼容IE7-8,safari,firefox,webkit內(nèi)核瀏覽器(chrome,safari)以及智能終端設(shè)備瀏覽器的滾動(dòng)條。
頁(yè)面使用:
$("html").niceScroll({
cursorcolor:"#E62020",
cursoropacitymax:1,
touchbehavior:false,
cursorwidth:"10px",
cursorborder:"0",
cursorborderradius:"5px"
})
nicescroll詳細(xì)參數(shù)配置:
cursorcolor - 設(shè)置滾動(dòng)條顏色,默認(rèn)值是“#000000”
cursoropacitymin - 滾動(dòng)條透明度最小值
cursoropacitymax - 滾動(dòng)條透明度最大值
cursorwidth - 滾動(dòng)條的寬度像素,默認(rèn)為5(你可以寫(xiě)“5PX”)
cursorborder - CSS定義邊框,默認(rèn)為“1px solid #FFF”
cursorborderradius - 滾動(dòng)條的邊框圓角
ZIndex的 - 改變滾動(dòng)條的DIV的z-index值,默認(rèn)值是9999
scrollspeed - 滾動(dòng)速度,默認(rèn)值是60
mousescrollstep - 滾動(dòng)鼠標(biāo)滾輪的速度,默認(rèn)值是40(像素)
touchbehavior - 讓滾動(dòng)條能拖動(dòng)滾動(dòng)觸摸設(shè)備默認(rèn)為false
hwacceleration - 使用硬件加速滾動(dòng)支持時(shí),默認(rèn)為true
boxzoom - 使變焦框的內(nèi)容,默認(rèn)為false
dblclickzoom - (僅當(dāng)boxzoom = TRUE)變焦啟動(dòng)時(shí),雙點(diǎn)擊框,默認(rèn)為true
gesturezoom - boxzoom = true并使用觸摸設(shè)備)變焦(僅當(dāng)激活時(shí),間距/盒,默認(rèn)為true
grabcursorenabled“搶”圖標(biāo),顯示div的touchbehavior = true時(shí),默認(rèn)值是true
autohidemode,如何隱藏滾動(dòng)條的作品,真正的默認(rèn)/“光標(biāo)”=只光標(biāo)隱藏/ FALSE =不隱藏
的背景下,改變鐵路背景的CSS,默認(rèn)值為“”
iframeautoresize中,AUTORESIZE iframe上的load事件(默認(rèn):true)
cursorminheight,設(shè)置最低滾動(dòng)條高度(默認(rèn)值:20)
preservenativescrolling,您可以用鼠標(biāo)滾動(dòng)本地滾動(dòng)的區(qū)域,鼓泡鼠標(biāo)滾輪事件(默認(rèn):true)
railoffset,您可以添加抵消頂部/左軌位置(默認(rèn):false)
bouncescroll,使?jié)L動(dòng)反彈結(jié)束時(shí)的內(nèi)容移動(dòng)(僅硬件ACCELL)(默認(rèn):FALSE)
spacebarenabled,允許使用空格鍵滾動(dòng)(默認(rèn):true)
railpadding,設(shè)置間距(默認(rèn):頂:0,右:0,左:0,底部:0})
disableoutline,Chrome瀏覽器,禁用綱要(橙色hightlight)時(shí),選擇一個(gè)div nicescroll(默認(rèn):true)
方法:
$(function() {
$(".div_md a").click(function() {
$("html, body").animate({
scrollTop: $($(this).attr("href")).offset().top - 100 + "px"
}, 1500);
return false;
});
//滾動(dòng)條滾動(dòng)到指定位置觸發(fā)下面事件
var getDiv_md = $(".div_md");
var offSet = getDiv_md.offset().top;
$(window).scroll(function(){
if ($(window).scrollTop() offSet){
$(".div_md").css({"position":"fixed","left":"10px","top":"10px","z-index":"2"});
}else{
$(".div_md").css({"position":"","left":"0px","top":"","z-index":""});
}
})
});
1、jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript框架,是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(kù)(或JavaScript框架)。jQuery設(shè)計(jì)的宗旨是“write Less,Do More”,即倡導(dǎo)寫(xiě)更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡(jiǎn)便的JavaScript設(shè)計(jì)模式,優(yōu)化HTML文檔操作、事件處理、動(dòng)畫(huà)設(shè)計(jì)和Ajax交互。
jQuery的核心特性可以總結(jié)為:具有獨(dú)特的鏈?zhǔn)秸Z(yǔ)法和短小清晰的多功能接口;具有高效靈活的css選擇器,并且可對(duì)CSS選擇器進(jìn)行擴(kuò)展;擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
2、編程工具
Notepad++:一套有特色的自由軟件的純文字編輯器,有完整的中文化接口及支持多國(guó)語(yǔ)言編寫(xiě)的功能。它的功能比Windows中的 Notepad(記事本)強(qiáng)大,除了可以用來(lái)制作一般的純文字說(shuō)明文件,也十分適合當(dāng)作編寫(xiě)電腦程序的編輯器。Notepad++ 不僅有語(yǔ)法高亮度顯示,也有語(yǔ)法折疊功能,并且支持宏以及擴(kuò)充基本功能的外掛模組。
Brackets:一個(gè)免費(fèi)、開(kāi)源且跨平臺(tái)的 HTML/CSS/JavaScript 前端 WEB 集成開(kāi)發(fā)環(huán)境 (IDE工具)。該項(xiàng)目由 Adobe 創(chuàng)建和維護(hù),根據(jù)MIT許可證發(fā)布,支持Windows、Linux平臺(tái)。Brackets的特點(diǎn)是簡(jiǎn)約、優(yōu)雅、快捷,它的核心目標(biāo)是減少在開(kāi)發(fā)過(guò)程中那些效率低下的重復(fù)性工作,例如瀏覽器刷新,修改元素的樣式,搜索功能等等。
JS Nice:一款讓經(jīng)過(guò)混淆處理的JavaScript代碼可讀更好的工具。它使用一種用于JavaScript代碼美化的去混淆和去壓縮引擎。JSNice采用先進(jìn)的機(jī)器學(xué)習(xí)和程序分析技術(shù),從可用的開(kāi)源項(xiàng)目學(xué)習(xí)命名和類型規(guī)律。