今天有用户问到弹出图片广告层的问题,就帮他做了一个,代码很简单,可以说是一句话代码哈,不过为了方便设置所以特地增加设置参数。 无半透明遮罩层效果 有半透明遮罩层效果 组件名称:全局 底部 弹出层广告 组件变量:global_footer@yz_popinfo 手机嵌入:否 组件类型:文字(string) 模板内容: {hookinput:popinfoset,<b>弹出层提示</b>,参数设置,hidden,https://yuzhe.liyiyi.name/library/item-253.html}{/hookinput} {hookinput:popinfotitle,<b>提示标题</b>,请填写弹出层的标题文字,text}友情提示{/hookinput} {hookinput:popinfocover,<b>遮罩层</b>,选择是否对弹出层使用半透明遮罩层,select,0=无|1=有}0{/hookinput} {hookinput:popinfoimg,<b>图片地址</b>,请直接填写图片地址或上传图片,text,image}ad/bm.jpg{/hookinput} {hookinput:popinfoimgw,<b>图片宽度</b>,px,请填写图片的显示宽度,number}582{/hookinput} {hookinput:popinfoimgh,<b>图片高度</b>,px,请填写图片的显示高度,number}355{/hookinput} {hookinput:popinfourl,<b>链接地址</b>,图片链接地址,text}https://yuzhe.liyiyi.name{/hookinput} <script type="text/javascript"> showDialog('<a href="{hookvalue:popinfourl}" target="_blank"><img src="{hookvalue:popinfoimg}" style="width:{hookvalue:popinfoimgw}px;height:{hookvalue:popinfoimgh}px;margin:5px;"></a>', 'info', '{hookvalue:popinfotitle}', null, {hookvalue:popinfocover}); </script> 面为了显示效果,所以没有限制显示页面,如果你需要限制部分页面使用的话,可以把js显示部分加个判断,如下示例仅在门户首页显示: <!--{if CURSCRIPT == 'portal' && CURMODULE == 'index'}--> <script type="text/javascript"> showDialog('<a href="{hookvalue:popinfourl}" target="_blank"><img src="{hookvalue:popinfoimg}" style="width:{hookvalue:popinfoimgw}px;height:{hookvalue:popinfoimgh}px;margin:5px;"></a>', 'info', '{hookvalue:popinfotitle}', null, {hookvalue:popinfocover}); </script> <!--{/if}--> |
插件介绍:雨哲超强嵌入点 插件是一款平台插件,通过后台添加在前台显示(基于模板的hook位置)指定内容的功能。
GMT+8, 2024-5-20 19:11 , Processed in 0.057030 second(s), 9 queries , Xcache On.
Powered by Discuz! X3.2
© 2001-2013 Comsenz Inc.