div右下角弹出框，可以关闭

最新推荐文章于 2022-01-26 22:25:56 发布

原创最新推荐文章于 2022-01-26 22:25:56 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java #jsp #html #JS

JSP 同时被 2 个专栏收录

8 篇文章

订阅专栏

JS脚本

7 篇文章

订阅专栏

本文介绍了一个名为“猜你喜欢”的推荐模块实现方案。该模块通过弹出层展示来自‘工作动态WEB’和‘通知公告WEB’类别的推荐内容。每个类别下分别显示四条和三条推荐链接，链接指向具体的文章页面并附带标题。推荐机制采用了一定的概率算法来决定弹出层是否显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!--弹框猜你喜欢 div开始-->
<div class="King_Chance_Layer">
    	<div class="King_Chance_LayerCont" style="display:none;background: white;">
            <div class="King_Chance_Layer_Title">
        	<div class="King_Chance_Layer_Close" style="    height: 40px;line-height: 40px; font-size: 14px; font-family: 微软雅黑;">关闭</div><b style="font-family: 微软雅黑;">猜你喜欢</b></div>
            
    	<ul>
			<TRS_DOCUMENTS ID='工作动态WEB' num='4'>
				<li>
					<a style="font-family: 微软雅黑;" href="<trs_document field='_recurl'/>" target="_blank" title="<TRS_DOCUMENT FIELD="DOCTITLE" autolink='false'/>">
						<TRS_DOCUMENT FIELD="DOCTITLE" autolink='false' num='50'/>
					</a>
				</li>
            </TRS_DOCUMENTS>
                   <TRS_DOCUMENTS ID='通知公告WEB' num='3'>
				<li>
					<a style="font-family: 微软雅黑;" href="<trs_document field='_recurl'/>" target="_blank" title="<TRS_DOCUMENT FIELD="DOCTITLE" autolink='false'/>">
						<TRS_DOCUMENT FIELD="DOCTITLE" autolink='false' num='50'/>
					</a>
				</li>
            </TRS_DOCUMENTS>

        </ul>
        </div>
    </div>
    <script type="text/javascript">
	$(document).ready(function(){
		var King_Chance_Layer_Array = new Array();
		King_Chance_Layer_Array[0] = 10;
		King_Chance_Layer_Probability(King_Chance_Layer_Array);
		});
	</script>
<!--弹框猜你喜欢 div结束-->