网页代码库

其它代码

可以关闭的精彩提示栏

看看效果 2008.10.12

xhtml部分

<p id="tips">
	亲爱的朋友：如果你有任何意见、建议、疑惑、抱怨，欢迎随时Q我，我会在第一时间回复的。
	<a href="tencent://message/&#063;uin=52541666&amp;Site&#061;网页特效库&amp;Menu&#061;yes">点击Q我^O^</a>
	<img src="1.gif" alt="关闭" title="关闭" id="close" />
</p>

css部分

#tips {
	position:relative;
	margin:0;
	border:1px solid #FA9150;
	padding:5px 10px 5px 10px;
	width:758px;
	background-color:#FEF1E9;
	line-height:160%;
	font-size:12px;
}
#close {
	position:absolute;
	top:7px;
	right:8px;
}

JavaScript部分

function Close() {
document.getElementById("tips").style.display = "none";
}
window.onload = function() {
	document.getElementById("tips").onclick = Close;
}
返回列表 下一页

关于我

站长：皮成，致力于web前端技术。

网站：收集以web前端技术实现的网页实例，探讨网页实例背后的web前端技术。

Email: Strict.dtd[at]Gmail.com QQ: 52541666