国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

<p id="uof3u"><ins id="uof3u"></ins></p>

首頁(yè) > 編程 > JavaScript > 正文

Javascript+CSS實(shí)現(xiàn)Flash動(dòng)態(tài)新聞效果（pp原創(chuàng)）

2019-11-21 01:36:08

字體：大中小

來(lái)源：轉(zhuǎn)載

供稿：網(wǎng)友

<style type="text/css"> /* 圖片新聞大小可以更改此樣式 */ .pp_portal_imgNews { position:relative; text-align:left; width:250px; height:190px; } .pp_portal_imgNew { position:absolute; } /* 圖片樣式 */ .pp_portal_imgNew img { width:100%; height:165px; border:0; } /* 文字標(biāo)題樣式 */ .pp_portal_imgNew_title { text-align:center; margin-top:5px; } .pp_portal_imgNew_title a{ display:block; color:#000; text-decoration: none; font-size: 14px; font-weight: bold; text-align:center; } /* 導(dǎo)航提示位置 */ .pp_portal_navLink { position:absolute; display:block; right:0px; bottom:5px; } /* 導(dǎo)航提示樣式(未選擇) */ .pp_portal_navLink a { color:#fff; text-align:center; text-decoration: none; } .pp_portal_navLink li { display:inline; text-align:center; background-color:#333; width:15px; margin-left:1px; } </style> <script type="text/javascript"> var newsNum = 4; var nn = 1; function pp_portal_selectPicNew(o) { for(var i=1; i<=newsNum; i++) { var newsId = "id_portal_imgNew" + i; if(o==i) { // 被選中 document.getElementById(newsId).style.display="block"; document.getElementById("id_portal_navLink"+i).style.background="red"; } else { document.getElementById(newsId).style.display="none"; document.getElementById("id_portal_navLink"+i).style.background="#333"; } } nn=o; } // 自動(dòng)選擇圖片新聞 function pp_portal_changePicNew() { if(nn>newsNum) nn=1 //alert(nn); pp_portal_selectPicNew(nn); nn++; } function pp_portal_picNew_auto() { pp_portal_picNew_autoTask = setInterval('pp_portal_changePicNew()', 2000); } pp_portal_picNew_auto(); </script> <div   class="iwvjtn8m0"   id="id_portal_imgNews" class="pp_portal_imgNews"> <div   class="iwvjtn8m0"   id="id_portal_imgNew1" class="pp_portal_imgNew" style="display:block;"> <a href="#"><img alt="圖片新聞一" src="http://files.VeVB.COm/upload/20081011185509111.jpg"></img></a> <div   id="iwvjtn8m0"   class="pp_portal_imgNew_title"><a >圖片新聞一</a></div> </div> <div   class="iwvjtn8m0"   id="id_portal_imgNew2" class="pp_portal_imgNew" style="display:none;"> <a href="#"><img alt="圖片新聞二" src="http://files.VeVB.COm/upload/20081011185509111.jpg"></img></a> <div   id="iwvjtn8m0"   class="pp_portal_imgNew_title"><a >圖片新聞二</a></div> </div> <div   class="iwvjtn8m0"   id="id_portal_imgNew3" class="pp_portal_imgNew" style="display:none;"> <a href="#"><img alt="圖片新聞三" src="http://files.VeVB.COm/upload/20081011185509111.jpg"></img></a> <div   id="iwvjtn8m0"   class="pp_portal_imgNew_title"><a >圖片新聞三</a></div> </div> <div   class="iwvjtn8m0"   id="id_portal_imgNew4" class="pp_portal_imgNew" style="display:none;"> <a href="#"><img alt="圖片新聞四" src="http://files.VeVB.COm/upload/20081011185509111.jpg"></img></a> <div   id="iwvjtn8m0"   class="pp_portal_imgNew_title"><a >圖片新聞四</a></div> </div> <div   class="iwvjtn8m0"   id="id_portal_navLinks" class="pp_portal_navLink"> <ul> <li id="id_portal_navLink1" ><a href="javascript:void(0)" onclick="pp_portal_selectPicNew(1)"> 1 </a></li> <li id="id_portal_navLink2" ><a href="javascript:void(0)" onclick="pp_portal_selectPicNew(2)"> 2 </a></li> <li id="id_portal_navLink3" ><a href="javascript:void(0)" onclick="pp_portal_selectPicNew(3)"> 3 </a></li> <li id="id_portal_navLink4" ><a href="javascript:void(0)s" onclick="pp_portal_selectPicNew(4)"> 4 </a></li> </ul> </div> </div>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：Javascript中Eval函數(shù)的使用說(shuō)明

下一篇：jabsorb筆記_幾個(gè)小例子第1/2頁(yè)

學(xué)習(xí)交流

索泰發(fā)布一款GTX 1070 Mini迷你版本:小機(jī)

索泰發(fā)布一款GTX 1070 Mini迷你版本:小機(jī)箱大愛(ài)...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關(guān)注

新聞熱點(diǎn)

榮耀總裁趙明烏鎮(zhèn)演講：榮耀首款5G手機(jī)V30下月發(fā)布

2019-10-23 09:17:05

搜狐張朝陽(yáng)：回歸媒體是搜狐重新崛起的關(guān)鍵

2019-10-21 09:20:02

華為輪值董事長(zhǎng)郭平：虛擬技術(shù)創(chuàng)造現(xiàn)實(shí)價(jià)值

2019-10-21 09:00:12

滴滴英文服務(wù)上線兩周年用戶已超200萬(wàn)

2019-09-26 08:57:12

華為推出全球至快AI訓(xùn)練集群Atlas900

2019-09-25 08:46:36

馬斯克：特斯拉正組建中國(guó)技術(shù)團(tuán)隊(duì)

2019-09-25 08:15:43

疑難解答

圖片精選

網(wǎng)友關(guān)注

主站蜘蛛池模板：新巴尔虎左旗| 体育| 临夏县| 邻水| 伊宁市| 建湖县| 沿河| 岑溪市| 洛宁县| 那曲县| 肇源县| 白玉县| 剑阁县| 赞皇县| 彭阳县| 湄潭县| 新泰市| 巴彦淖尔市| 扎鲁特旗| 旬邑县| 扬中市| 祥云县| 尚义县| 平和县| 汝南县| 体育| 喀什市| 和硕县| 布尔津县| 上高县| 汕头市| 河北区| 华安县| 台北市| 县级市| 巩义市| 玉门市| 龙井市| 万载县| 铜川市| 哈巴河县|

<td id="k0evw"></td>

<td id="k0evw"></td>