本文实例讲述了射流研究…实现可点击展开与关闭的左侧广告代码。分享给大家供大家参考。具体如下：

这里介绍的是射流研究…实现网页上可点击展开、关闭的左侧广告代码，表现形式类似对联广告，不过操作方式不一样，点击时候会隐藏在屏幕在左侧，但是不是完全隐藏，仍显示一个图片竖条的广告，而且点击"显示"的时候，它会重新打开广告，这种广告可以提高网页的用户体验。

运行效果截图如下：

在线演示地址如下：

http://演示。JB 51。net/js/2015/js-点击-显示-关闭-样式-adv-codes/

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML '标题网页上可点击展开、关闭的左侧广告代码/title/head dydiv id=' Bar 1190 _ big ' style=' position : absolute；z索引：9;top:10pxleft:0px宽度width :100 px ' height :300 px ' div id=' ad 1190 ' style=' width :100 px；高度：300 px文本对齐：居中；float : none ' class=' AdSpace ' a href=' # ' target=' _ blank ' img width=' 100 ' height=' 300 ' src=' http : images/2401。jpg ' alt=' border=' 0 '/a/div div style=' height :18 px；宽度宽度：100像素背景： # CCCCCC；文本右对齐：'行高：18 pxa style=' font-size :12 pxcursor : pointer ' OnClick=' bar 1190 _ hidden()'关闭/a/div/div div id=' Bar 1190 _ small ' style=' position : absolute；z索引：9;top :10 pxdisplay : none left :0 px宽度' :20 px'height :300 px ' div id=' ad 1190 ' style=' width :20 px；高度：300 px文本对齐：居中；float : none ' class=' AdSpace ' a href=' # ' target=' _ blank ' img width=' 25px ' height=' 300 ' src=' http : images/2402。jpg ' alt=' border=' 0 '/a/div div style=' height :18 px；宽度：25 px背景： # CCCCCC；文本右对齐：'行高：18 pxa style=' font-size :12 pxcursor : pointer ' OnClick=' bar 1190 _ show()'展开/a/div/div脚本类型=' text/JavaScript '功能栏1190 _ show(){ document。getelementbyid(' bar 1190 _ big ')。风格。display=文件。getelementbyid(' bar 1190 _ small ')。风格。显示='无'；}功能栏1190 _ hidden(){ document。getelementbyid(' bar 1190 _ big ')。风格。显示='无'；文件。getelementbyid(' bar 1190 _ small ')。风格。display=} var auto hide 1190=setTimeout(' bar 1190 _ hidden()'，6000)；/脚本/正文/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。