利用jquery實現彈出注冊框



35 139 47



特效描述:利用jquery實現 彈出 注冊框,利用jquery實現彈出注冊框

代碼結構

1. 引入CSS

<link href="css/box_style.css" type="text/css" rel="stylesheet" />
<link href="css/box_style.css" type="text/css" rel="stylesheet" />

2. 引入JS

<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery.XYTipsWindow.min.2.8.js"></script>
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery.XYTipsWindow.min.2.8.js"></script>

3. HTML代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
 <script type="text/javascript">
 $(document).ready(function() {
	$("#login").click(function(){
		$.XYTipsWindow({
			___title:"登錄",
			___content:"iframe:login.html",
			___width:"460",
			___height:"150",
			___showbg:true,
			___drag:"___boxTitle"
		});
	});
	$("#reg").click(function(){
		$.XYTipsWindow({
			___title:"注冊",
			___content:"iframe:reg.html",
			___width:"460",
			___height:"450",
			___showbg:true,
			___drag:"___boxTitle"
		});
	});
 })
 </script>
</head>
<body style="text-align:center; padding-top:100px;">
<button id="login">登錄</button>
<button id="reg">注冊</button>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div style="text-align:center;clear:both">
</div>
</body>
</html>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 彈出層拖動 窗口 彈出 彈窗 彈出層 提示框 對話框 遮罩 遮罩層 彈窗插件 切換按鈕 表單 表單美化 表單插件 表單美化插件 提示框/彈出層 文本框 text文本框 登錄框 注冊框 按鈕控制
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子 北京赛车pk10官网 14场胜负彩奖金计算 复式双色球多少 体彩浙江飞鱼开奖 ABC彩票安卓 辽宁11选5时间 2018年最赚钱的小饰品 安徽25选5开奖号码 做澳门博彩代理赚钱吗 多赢大发快三人工全能计划软件 养水晶虾赚钱 重庆快乐10分 幸运28预测软件下载 天易棋牌168 时时彩刷九码 hello语音能赚钱吗