整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

打开网站就弹出网站公告提示框的JS弹窗代码

是否有看到有的网站进入网站就会弹出网站公告提示框,今天飞飞和你们分享打开网站就弹出网站公告提示框的JS弹窗代码,希望可以帮到你~

<script language="javascript">alert('我是飞飞,可以通过【服务器大本营】相识是一种缘分,希望通过我的分享可以让你更多的了解服务器,当然有服务器需求的朋友可以加微信:137 5120 9102~域名速记:【服务器大本营】首拼.com')</script>


直接复制JS代码,粘贴到首页文件,或者需要弹出的页面即可

站如果是完全禁止右键(复制、另存为等)操作,对用户来说体验感会降低,但是又不希望自己的原创内容直接被copy,今天飞飞和你们分享几行复制转载提醒弹窗Html代码。


效果展示:

复制以下代码,将其放在网站footer.php或者header.php任意底部位置即可。


<!-- 复制提醒开始 -->

<link rel="stylesheet" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" />

<script type="text/javascript" src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>


<script>

document.body.oncopy = function() {

swal("复制成功!", "若要转载请保留原文链接,感谢支持!", "success");

};

</script>

<!-- 复制提醒结束 -->


通过这几行代码,我们可以在保护原创内容的同时,不影响用户体验。当然,除了添加复制转载提醒弹窗之外,我们还可以通过其他方式来保护原创内容,例如添加水印、限制转载等等。总之,在权衡用户体验和版权保护时,我们需要寻找一个平衡点,既能够保护自己的权益,又不会影响用户的使用体验。


感谢您的阅读,服务器大本营助您成为更专业的服务器管理员!

  • 开网页2秒后出现弹框(之前发的定时器练习)
  • 效果图:

css

	<style type="text/css">
	 /*隐藏弹窗*/
		#a{
			display: none;
		}
		/*弹窗样式*/
		.b{
			width: 400px;
			height: 300px;
			background-color: #fff;
			border: 1px solid #000;
			position: fixed;
			left: 50%;
			top: 50%;
			margin-left: -200px;
			margin-top: -150px;
			/*层次级别*/
			z-index: 9999;
		}
		/*弹窗背景灰度*/
		.c{
			position: fixed;
			width: 100%;
			height: 100%;
			background-color: #000;
			left: 0;
			top:0;
			/*透明度*/
			opacity: 0.3;
			/*兼容ie*/
			filter: alpha(opacity=30);
			z-index: 9990;
		}
		#off{
			text-decoration: none;
			position: absolute;
			right: 10px;
			top: 10px;
		}
	</style>

javascript

<script type="text/javascript">
		window.onload=function(){
			var a = document.getElementById('a');
			var off = document.getElementById('off');
			//网页打开两秒后出项弹窗
			setTimeout(function(){
				a.style.display = 'block';
			},2000);
			//点击关闭弹窗
			off.onclick=function(){
				a.style.display = 'none';
			}
		}
	</script>

html