JSP代码如下:
<div class="wenzi"> <span> <c:forEach items="${notices}" var="notice"> <a href="#" onclick="showNotice(${notice.title},${notice.content});">${notice.title}: ${ fn:length(notice.content ) >30 ? fn:substring(notice.content ,0,30) : notice.content} ${ fn:length(notice.content ) >30 ? '.......':''} |</a> <div id="show"></div> </c:forEach> </span> </div>,主要是想实现点击通知公告,弹出框里面显示全部公告内容。
页面样式:
不知道jquery页面怎么写呢?
最好用的弹出层是fancybox,它可以弹出来任何东西,可以是文本,可以是一个隐藏的节点,还可以是一个iframe,也就是说你只要写一个新的网页显示公告,这个链接上写上href=“公告网址”。然后给这个a写上一个class=“fancybox”,就可以直接jquery调用$("fancybox").fancybox();来初始化这个链接。初始化之后的链接再点击,就不会进行网页跳转,而是弹出一层进行加载,效果如图,还可以设置弹出动画、遮罩层、弹出层宽高、样式、透明度、居中、随窗口滚动居中等等。