ホームページ  >  記事  >  ウェブフロントエンド  >  異なる画像を切り替える JQuery サンプルコード_JavaScript スキル

異なる画像を切り替える JQuery サンプルコード_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 17:10:21941ブラウズ
复制代码代码如下:

#sidebar div#live_chat a {
background: url("スクロール/live_chat1.jpg") ;
高さ: 76px;
}
#sidebar div#live_chat a:hover {
background: url("scroll/live_chat2.jpg") ;
}
#sidebar div#customer_survey a {
background: url("scroll/survey1.jpg") ;
高さ: 75px;
}
#sidebar div#customer_survey a:hover {
background: url("scroll/survey2.jpg");
}
#sidebar div#newsletter_sign a {
background: url("scroll/newsletter_sign_bg.jpg") ;
高さ: 76px;
}
#sidebar div#newsletter_sign a:hover {
background: url("scroll/newsletter_sign_bg1.jpg") ;
高さ: 76px;
}
#sidebar div#back_top a {
background: url("scroll/back_top1.jpg");
高さ: 40px;
}
#sidebar div#back_top a:hover {
background: url("scroll/back_top2.jpg") ;
}
#sidebar div a {
カーソル: ポインタ;
表示: ブロック;
幅: 77px;
}
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。