免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

jquery旅游網站帶標題的焦點圖片切換代碼怎么寫

這篇文章主要講解了“jquery旅游網站帶標題的焦點圖片切換代碼怎么寫”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“jquery旅游網站帶標題的焦點圖片切換代碼怎么寫”吧！

創新互聯公司服務項目包括茌平網站建設、茌平網站制作、茌平網頁制作以及茌平網絡營銷策劃等。多年來，我們專注于互聯網行業，利用自身積累的技術優勢、行業經驗、深度合作伙伴關系等，向廣大中小型企業、政府機構等提供互聯網行業的解決方案，茌平網站推廣取得了明顯的社會效益與經濟效益。目前，我們服務的客戶以成都為中心已經輻射到茌平省份的部分城市，未來相信會繼續擴大服務區域并繼續獲得客戶的支持與信任！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 

<title>jquery旅游網站帶標題的焦點圖片切換代碼_js代碼</title>

<meta name="keywords" content="jquery特效,焦點圖,圖片切換,圖片文字,帶標題的焦點圖" />

<meta name="description" content="jquery旅游網站帶標題的焦點圖片切換代碼。" />

 

<link rel="stylesheet" href="css/style.css" type="text/css" />

 

</head>

 

<body>

 

<div class="teacherPic">

 

         <div class="content" id="sirendingzhi1">

                   <div class="txt">

                            <h4>新疆</h4>

                            <h5>草場豐腴、林木蔥郁，有著“塞外江南”的美稱</h5>

                            <p>發團日期：7-10月<br>

                              參考價格：5280元<br>

                              攝影器材:單反 廣角 中長焦 三腳架等</p>

                   </div>

         </div>

        

         <div class="content" id="sirendingzhi2">

                   <div class="txt">

                            <h4>云南</h4>

                            <h5>東川紅土地的炫彩、高原明珠&mdash;&mdash;撫仙湖的柔美</h5>

                            <p>發團日期：7-11月<br>

                              參考價格：2780元<br>

                              攝影器材:單反 廣角 中長焦 三腳架等</p>

                   </div>

         </div>

        

         <div class="content" id="sirendingzhi3">

                   <div class="txt">

                            <a href="#" ><h4>貴州</h4></a>

                            <h5>西江千戶苗寨 以美麗回答一切</h5>

                            <p>發團日期：7-12月<br>

                              參考價格：2680元<br>

                              攝影器材:單反 廣角 中長焦 三腳架等</p>

                   </div>

         </div>

        

         <div class="content" id="sirendingzhi4">

                   <div class="txt">

                            <h4>色達</h4>

                            <h5>地球上最后的一片凈土，心靈凈化之旅</h5>

                            <p>發團日期：7-10月<br>

                              參考價格：3900元<br>

                              攝影器材:單反 廣角 中長焦 三腳架等</p>

                   </div>

         </div>

        

         <div class="content" id="sirendingzhi5">

                   <div class="txt">

                            <h4>斯里蘭卡</h4>

                            <h5>印度洋上的一滴眼淚！</h5>

                            <p>發團日期：6-12月<br>

                              參考價格：1250美金<br>

                              攝影器材:單反 廣角 中長焦 三腳架等</p>

                   </div>

         </div>

        

</div>

 

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript">

$(".content") .hover(function(){

         $(this) .children(".txt").stop() .animate({height:"360px"},200);

         $(this) .parent(".teacherPic") .css({"background":"url(images/"+($(this).attr('id'))+".jpg) no-repeat","-webkit-transition":"all 0.8s ease 0.2s","transition":"all 0.8s ease 0.2s"});

/*                        $(this) .parent(".teacherPic") .css("background","url(images/"+($(this).attr('id'))+".jpg) no-repeat");*/

         $(this) .find(".txt h4").stop() .animate({paddingTop:"130"},550);

         $(this) .find(".txt p").stop() .show();

},function(){

         $(this) .children(".txt").stop() .animate({height:"100px"},200);

         $(this) .find(".txt h4").stop().animate({paddingTop:"0px"},550);

         $(this) .find(".txt p").stop() .hide();

})

</script>

 

</body>

</html>

感謝各位的閱讀，以上就是“jquery旅游網站帶標題的焦點圖片切換代碼怎么寫”的內容了，經過本文的學習后，相信大家對jquery旅游網站帶標題的焦點圖片切換代碼怎么寫這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創新互聯，小編將為大家推送更多相關知識點的文章，歡迎關注！

當前題目：jquery旅游網站帶標題的焦點圖片切換代碼怎么寫
文章位置：http://m.newbst.com/article32/gdcjpc.html

成都網站建設公司_創新互聯，為您提供移動網站建設、定制網站、網站維護、企業網站制作、網站收錄、用戶體驗

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

外貿網站制作