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

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

WBOY
Release: 2016-06-21 09:37:48
Original
847 people have browsed it


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

回复讨论(解决方案)

自己百度一下

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

如果你找到两边一起关的,别的代码可以看不懂,但改成一边关的代码还是不难的。无非就是对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>
Copy after login


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


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

X关闭

X关闭

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

360正解

source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template