>  기사  >  웹 프론트엔드  >  求类似如图的对联式广告代码_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-21 09:37:48819검색


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

回复讨论(解决方案)

自己百度一下

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

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.