jquery实现可切换主题的注册表单特效

jquery实现可切换主题的注册表单特效是一款非常实用的功能，除了jquery特效，还有直接可以拿来使用的会员注册界面，可以自由控件页面的背景主题，还可以自由控制注册表单的呈现透明度，效果非常棒，

分类：表单代码 > 注册登录框难易：初级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

首先引用文件

<link href="static/css/member/vip.css" rel="stylesheet" type="text/css">
<link href="static/css/member/skin_01.css" rel="stylesheet" type="text/css" id="skin">
<script type="text/javascript" src="static/javascript/jquery.min.js"></script>
<script type="text/javascript" src="static/javascript/jquery.lqper.js"></script>
<script type="text/javascript" src="static/javascript/login.js"></script>

//换肤yskj_skin//透明度yskj_tm//获取焦点，取消焦点//换肤 //透明度的设置。

//换肤yskj_skin
	var yskj_skin='<div class="yskj_dh yskj_skin dn"><ul>';
	yskj_skin+='<li><a href="javascript:void(0);" id="skin_01"><img src="'+MTPL+'images/login/yskj_skin01.gif" width="170" height="120" /><h2><input type="radio" class="radio1" name="radio2" checked="checked"/>默认</h2></a></li>';
	yskj_skin+='<li><a href="javascript:void(0);" id="skin_02"><img src="'+MTPL+'images/login/yskj_skin02.gif" width="170" height="120" /><h2><input type="radio" class="radio1" name="radio2" />秋枫落叶</h2></a></li>'
	yskj_skin+='<li><a href="javascript:void(0);" id="skin_03"><img src="'+MTPL+'images/login/yskj_skin03.gif" width="170" height="120" /><h2><input type="radio" class="radio1" name="radio2" />蓝天大海</h2></a></li>';
	yskj_skin+='<li><a href="javascript:void(0);" id="skin_04"><img src="'+MTPL+'images/login/yskj_skin04.gif" width="170" height="120" /><h2><input type="radio" class="radio1" name="radio2" />中国风</h2></a></li>';
	yskj_skin+='<li><a href="javascript:void(0);" id="skin_05"><img src="'+MTPL+'images/login/yskj_skin05.gif" width="170" height="120" /><h2><input type="radio" class="radio1" name="radio2" />唯美月圆</h2></a></li>';
	yskj_skin+='</ul></div>';
	$('body').append(yskj_skin);
	
	//透明度yskj_tm
	var yskj_tm='<div class="yskj_dh yskj_tm dn"><ul>';
	yskj_tm+='<li><a href="javascript:void(0);" id="opcity01"><img src="'+MTPL+'images/login/yskj_qh_1.gif" width="200" height="138" /><h2><input type="radio" class="radio1" name="radio1" checked="checked"/>默认</h2></a></li>';
	yskj_tm+='<li><a href="javascript:void(0);" id="opcity02"><img src="'+MTPL+'images/login/yskj_qh_2.gif" width="200" height="138" /><h2><input type="radio" class="radio1" name="radio1" />透明</h2></a></li>';
	yskj_tm+='</ul></div>';
	$('body').append(yskj_tm);