头像

html5星空背景的登录页面带粒子特效

来源:http://www.ycwg80.com/js/2484.html 18***38 2017-07-20 23:39浏览(9232) 收藏

一款带粒子特效和星空背景的html5登录页面,鼠标在页面移动时,会有粒子的跟随效果,整体搭配还是比较大气的,喜欢的童鞋请收下吧。
html5星空背景的登录页面带粒子特效
分类:表单代码 > 注册登录框 难易:初级

程序员,你不是一个人;网站开发QQ群:35248186,在线充值,或联系QQ2589223951直接充值

查看演示 下载资源: 495

手机扫码访问:

下载资源 下载积分: 20 积分

页面的head部分,需要引入3个CSS样式文件,代码如下:

<link type="text/css" rel="stylesheet" href="css/normalize.css" />
<link type="text/css" rel="stylesheet" href="css/demo.css" />
<link type="text/css" rel="stylesheet" href="css/component.css" />

页面的body部分,将两个输入框和一个按钮一起放入一个div容器里即可,代码如下:

<div class="container demo-1">
	<div class="content">
		<div id="large-header" class="large-header">
			<canvas id="demo-canvas"></canvas>
			<div class="logo_box">
				<h3>欢迎登录</h3>
				<form action="#" name="f" method="post">
					<div class="input_outer">
						<span class="u_user"></span>
						<input name="logname" class="text" style="color: #FFFFFF !important" type="text" placeholder="请输入账户">
					</div>
					<div class="input_outer">
						<span class="us_uer"></span>
						<input name="logpass" class="text" style="color: #FFFFFF !important; position:absolute; z-index:100;"value="" type="password" placeholder="请输入密码">
					</div>
					<div class="mb2"><a class="act-but submit" href="javascript:;" style="color: #FFFFFF">登录</a></div>
				</form>
			</div>
		</div>
	</div>
</div>

页面的底部,需要引入4个必要的JS文件,代码如下:

<script type="text/javascript" src="js/TweenLite.min.js"></script>
<script type="text/javascript" src="js/EasePack.min.js"></script>
<script type="text/javascript" src="js/rAF.js"></script>
<script type="text/javascript" src="js/demo-1.js"></script>
最新交易
评论21
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 2589223951

  • 头像 20楼
    05-21 11:23
    13***90
    很漂亮,特别喜欢后面的那个特效
  • 头像 19楼
    03-13 19:06
    Ch***sh
    怎么实现登陆啊,最好是把完整的源码留下来谢谢各位大佬
  • 头像 18楼
    01-31 15:38
    蚁族***N号
    效果挺炫酷的,已经下载
  • 头像 17楼
    01-12 17:27
    哈***塔
    流弊,这个真漂亮 。一定要下载。。。
  • 头像 16楼
    01-11 10:18
    大***猴
    我非常需要 很好看的效果
  • 头像 15楼
    12-04 17:04
    幻***啦
    挺炫酷啊
  • 头像 14楼
    11-16 19:52
    IX***ET
    新手一个,不知道怎么粘贴,哪位高手告诉一下呀
  • 头像 13楼
    11-09 14:27
    不***ia
    下次可以用用
  • 头像 12楼
    08-31 15:05
    yg***ai
    流弊,流弊登录效果简直高大上
  • 头像 11楼
    08-30 17:10
    我***界
    这个真漂亮。一定要下载
1 2
八马彩票 www.93fh.com-博彩套惠-| www.aq85.com-内蒙古福彩快三开奖| www.02ox.com-双彩虹寓意-| www.2459.com-国模雨晴拍的彩票| www.9877.net-足球胜负彩中奖故事| www.61159.cc-最新彩票093| www.944711.com-乐发彩票是真的吗| www.726893.com-五福彩首页-| www.18698.cc-永盛彩票网-| www.008691.com-大智慧彩票下载| www.690261.com-足彩走势图怎么看| www.006920.com-彩票历史开奖对比| www.168351.com-北京快三开奖一定牛| www.032871.com-福彩快三邀请码| www.138259.com-福彩新彩网首页| www.238903.com-98vip彩票入口| www.329365.com-支付宝彩票怎么兑换| www.442424.com-福彩3d寻宝图大全| www.563172.com-老彩民欢迎您| www.9995.vip-福彩快三的都是输| www.439989.com-《中彩那天》生字| www.586803.com-微彩吧的号怎么看| www.716909.com-即开型彩票黑幕| www.849638.com-3分时时彩计划软件| www.em25.com-彩吧网论坛-| www.272179.com-广西快三44遗漏值| 吉利彩票www.80075m.com| www.qz29.com-足彩几串几玩法介绍| www.16xs.com-智行彩票-| www.747404.com-找个买彩网站| www.678695.com-足彩必发指数500| www.781189.com-彩合网-| www.910111.cc-天空彩高手抢坛| 彩82www.c2813.com| www.852310.com-天下彩票开奖中心| www.56774.com-火箭彩票下载安装| www.130007.com-南国体彩论坛社区| www.363311.com-上海福彩4d选四| www.291696.com-网络私彩平台| www.393448.com-株洲福彩中心主任| www.155882.com-安徽快三一定牛今天| www.133956.com-福彩线上投注合法么| www.234019.com-福彩江苏快三靠谱吗| www.939892.com-重庆市福彩-| 大赢家彩票平台www.226105.com| www.mp91.com-九宫图算法彩票| www.2025.net-河南福彩豫彩通助手| www.494885.com-同学用手机博彩| www.593866.com-七彩汇苹果下载| www.880575.com-大师彩票平台| www.fu49.com-谁有微信彩票群| www.5ci.cc-彩票定胆位计算公式| www.2805.com-彩针糖-| www.258230.com-足彩反买-| www.357848.com-快三包九什么意思| www.441435.com-体彩退机时间等多久| www.550733.com-完美购彩大厅| www.636000.com-山东7乐彩开奖结果| www.769248.com-彩票江苏快3| www.849060.com-时时彩怎样杀一码| www.928869.com-安装劬力七星彩桌面| www.0501.net-彩票超级大乐透开奖| www.015888.cc-够力七星彩安卓系统| www.094701.com-什么是福彩-| www.748884.com-旺彩预测双色球预测| www.188541.com-爱彩乐大发快三技巧| www.35239.com-民彩网是正规的吗| www.356314.com-优先彩票-| www.530709.com-彩铅画女孩卡通| www.74ir.com-如何知道彩票真假| www.6520.vip-开心彩票网站| www.427678.com-双色球彩票手机下载| www.560201.com-彩吧娱乐提现提不了| www.718691.com-雨后彩虹代表的意思| www.821898.com-湖北红快三遗漏| www.922652.com-彩8下载网站| www.996862.com-爱乐彩彩票投注平台| www.uu62.com-体彩网手机即时比分| www.my51.com-快三外挂手机版| www.959898.com-快三单挑一码| www.621590.com-湖北快三计划大师| www.770732.com-龙虎和彩票下载| www.512610.com-秋天树林道路彩铅画| www.744141.com-重庆福彩抽车查询| www.867555.com-算局七星彩排列五| www.964655.com-彩票推算大师| www.cp510.cc-福建快三号码| www.151092.com-甘肃体彩网11选5| www.254581.com-好彩香烟4味混合| www.637027.com-彩虹5出口-| www.18309.com-福彩天地报官网| www.wp71.com-高频彩票开奖| www.526533.com-今天开什么码七星彩| www.636166.com-彩虹六号有多少钱的| www.7453.cn-体彩申请网点| www.166122.com-今天快三开奖| www.523159.com-62官方彩票-| www.616705.com-中奖的彩票是什么样| www.691031.com-足彩北欧四狗| www.25800.cc-博友彩是骗人的吗| www.351237.com-昭通彩票转让| www.566176.com-和彩放题能吃到几点| www.689411.com-河南福彩豫彩通下载| www.114155.com-福彩3d跨度技巧| www.266122.com-取消彩票高频游戏| www.374908.com-七星彩本期开奖号码| www.075535.com-职业买彩票为生的人| www.296005.com-福彩开奖3d试机号| www.479163.com-想买世界杯彩票| www.658141.com-御彩电视-| www.896644.com-篮球博彩规则| www.992270.com-重庆时时彩杀号| www.126474.com-重庆时时彩被骗追回| www.390023.com-新加坡鸿乐彩开奖| www.50677.cc-买足彩用什么app| www.538886.com-快乐时时彩骗局| www.687104.com-快投彩票-| www.eq69.com-大彩网手机版| www.ob92.com-赢一彩天下-| www.39cs.com-山东彩民3亿元巨奖| www.1697.vip-365好彩票-| www.8868.org-竞彩交税-| www.842443.com-福利彩票基金| www.310339.com-易旺彩票彩种| www.86013.com-彩涂卷厂-| www.524619.com-什么叫做圣地彩| www.554896.com-买彩票亏了一千多| www.980004.com-678111彩票网| www.zh2.cc-江苏快三查询| www.263.org-国际彩票娱乐| www.3ba.cc-彩票中奖还负债| www.317928.com-鸿彩网是黑平台吗| www.23226.com-彩票购买大奖网| www.887563.com-下彩网是黑庄吗| www.973857.com-江苏彩票中奖新闻| www.db39.com-彩神网平台下载| www.629961.com-网易彩票最新黄历| www.2814.win-西安有转让的彩票店| www.8083.loan-百度快彩-| www.441.date-v800彩票-| www.514838.com-大公鸡七星彩手机版| www.251673.com-中彩吧投注-| www.083120.com-各省快三球走势图| www.194693.com-彩神88app官网| www.33175.com-福利彩票3d彩宝网| www.0097.cc-中国最牛的彩票店名| www.018027.com-三国杀张星彩废了| www.075327.com-老9彩票-| www.679035.com-糖果派对四个彩金图| www.936863.com-七乐彩最高奖金社区| www.cl12.com-浙江快三查询结果| www.zp92.com-篮球彩票胜负玩法| www.03129.com-快三计划倍投表| www.89968.cc-093彩彩票-| www.062394.com-彩吧彩票之家| www.037.win-花画图片大全彩铅画| www.6473.pw-al彩票-| www.662115.com-竞彩是什么彩票| www.52358.com-一分快三最高倍率| www.860240.com-彩61平台下载| www.966835.com-体育彩票网点提成| www.64tw.com-中国体育彩票公益网| www.3209.vip-幸运彩票怎么领彩金| www.906931.com-福彩双色球派奖规则|