Home  >  Article  >  Web Front-end  >  求类似如图的对联式广告代码_html/css_WEB-ITnose

求类似如图的对联式广告代码_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 09:37:48819browse


我想要一个如图所示的对联式广告代码,可单独关闭,跟随网页上下浮动,

回复讨论(解决方案)

自己百度一下

自己百度一下
我百度了好么,找到的没那么好用,要么是两个一起关的,要么是关闭之后有问题的

如果你找到两边一起关的,别的代码可以看不懂,但改成一边关的代码还是不难的。无非就是对onClick修改一下监听的方式嘛

譬如:

两幅对联的HTML如下:

 <div class="duilian duilian_left">     <div class="duilian_con">对联的内容</div>     <a href="#" class="duilian_close">X关闭</a> </div> <div class="duilian duilian_right">     <div class="duilian_con">对联的内容</div>     <a href="#" class="duilian_close">X关闭</a> </div>


同时监听两边关闭的JS代码如下:
    duilian_close.click(function(){        $(this).parent().hide();         return false;     });


可以将对称的X关闭各加上一个ID区分一下

X关闭

X关闭

通过JQuery取得$("#id")来完成onClick监听即可。

360正解

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn