ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery (1.3.2) screen_jquery でスクロールするレイヤーを作成する 7 行のコード

jQuery (1.3.2) screen_jquery でスクロールするレイヤーを作成する 7 行のコード

WBOY
リリース: 2016-05-16 18:52:46
オリジナル
888 人が閲覧しました

复制代代码如下:




jquery.text-Effects


*{
マージン:0;
パディング:0;
}
#test{
位置:絶対;
上:10px;
右:10px;
幅:130ピクセル;
高さ:60px;
背景:#555;
カラー:#fff;
font-size:13px;
}


<スクリプト言語="javascript">
$(document).ready(function(){
var menuYloc = $("#test").offset().top;
$(window).scroll(function (){
var offsetTop = menuYloc $(window).scrollTop() "px";
$("#test").animate({top : offsetTop },{ period:600 , queue:false }); });
});



7行代の跟随画面滚動层。

















< ;br/>
CssRain.cn による開発
テスト ie6 、firefox3.0
















< ;br/>















< ;br/>




関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート