js实现漂亮的星空背景_javascript技巧

来源:脚本之家  责任编辑:小易  

更多追问追答追答很美追问谢谢追答不用谢,更多追问追答追答高清大片追问要有人www.zgxue.com防采集请勿采集本网。

本文实例为大家分享了js实现漂亮星空背景的具体代码,供大家参考,具体内容如下

http://image.baidu.com/i?ct=201326592&cl=2&lm=-1&tn=baiduimage&pv=&word=%D0%C7%BF%D5+%CD%BC%C6%AC&z=0&fm=rs9

html代码:

p>追答

<div class="stars"></div>

css代码

破灭时空 星际骷髅兵 星墓 机动风暴 星际大巫 星兽王 文明之种族争霸 星际之亡灵帝国 星徒 《掌中星际》《无上降临》《星战雷师》《无敌寂寞》《星际农民》《星碎时空》《凶星》《漂流王》《甲武

html, body { height: 100%; overflow: hidden; } body { width: 100%; height:100%; background: #000; background-size: 100%; perspective: 500px; } .stars { position: absolute; top: 50%; left: 50%; width: 4px; height:4px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; animation: fly 2s linear infinite; transform-style: preserve-3d; } .stars:before, .stars:after { content: ""; position: absolute; width: inherit; height: inherit; box-shadow: inherit; } .stars:before { transform: translateZ(-300px); opacity: .6; } .stars:after { transform: translateZ(-600px); opacity: .4; } @keyframes fly { from { transform: translateZ(0px); opacity: .6; } to { transform: translateZ(300px); opacity: 1; } }

星空为背景是啥?不败战神~这个算吗?男主是双子座星主的儿子~双重人格~一个除了战斗都很白痴~一个卑鄙阴险又狠毒~ 星级猎人~这个也不知道算不算~我不知道怎么介绍这本书~但这书是我的最爱之一~

js代码 

var w = document.documentElement.clientWidth*1.2;var h = document.documentElement.clientHeight*1.2;var star = document.getElementsByClassName("stars")[0];var n = 1000; //随机函数 function randomNum(m, n) { return Math.floor(Math.random() * (n - m + 1) + m); } var str = ''; for (var i = 0; i < n; i++) { var numX = randomNum(-w, w); var numY = randomNum(-h, h); var color = 'rgb(' + randomNum(0, 255) + ',' + randomNum(0, 255) + ',' + randomNum(0, 255) + ')'; str += numX +'px'+' ' + numY+'px'+' '+ color+','; } str = str.slice(0,-1); star.style.boxShadow = str; $(function(){ $('#main').fadeOut(); $('#main').fadeIn('slow'); })

你用百度识图识别一下然后选最高清的一张就行内容来自www.zgxue.com请勿采集。


  • 本文相关:
  • js实现旋转的星空效果
  • js实现动态星空背景效果
  • js+canvas画布实现炫酷的旋转星空效果示例
  • 使用3d引擎threejs实现星空粒子移动效果
  • js实现宇宙星空背景效果的方法
  • js星空效果代码
  • js canvas实现星空连线背景特效
  • 论坛转贴工具中用到的正则表达式学习正则的好例子
  • ie6下css图片缓存问题解决方法
  • 如何让动态插入的javascript脚本代码跑起来。
  • javascript调试技巧之console.log()详解
  • javascript判断图片是否已经加载完毕的方法汇总
  • js中的this关键字详解
  • 关于json与jsonp简单总结
  • redux-saga 初识和使用
  • javascript获取系统当前时间的方法
  • 一个可以得到元素真实的背景颜色的javascript脚本
  • 快手里的这个星空背景图谁有完整的图。求上传。谢谢
  • 求星空背景 最好是有人的
  • 怎么把照片的背景变成星空的
  • 求这张星空雪山背景的高清原图
  • 哪有好看的星空背景图片?
  • 求星空背景竖图。
  • 求,二次元动漫星空美图,只要是大图就行,一定要是星空的或者星空背景的!!
  • 求以星空为背景的小说,最好是修炼的不是纯科技的那种。长篇最好。
  • 推荐好看的以星空为背景的长篇的玄幻小说?
  • 求网页的星空背景代码
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全基础知识javascript类库表单特效广告代码网页特效黑客性质javascript技巧domnode.jsjs其它首页javascriptjavascript技巧js实现旋转的星空效果js实现动态星空背景效果js+canvas画布实现炫酷的旋转星空效果示例使用3d引擎threejs实现星空粒子移动效果js实现宇宙星空背景效果的方法js星空效果代码js canvas实现星空连线背景特效论坛转贴工具中用到的正则表达式学习正则的好例子ie6下css图片缓存问题解决方法如何让动态插入的javascript脚本代码跑起来。javascript调试技巧之console.log()详解javascript判断图片是否已经加载完毕的方法汇总js中的this关键字详解关于json与jsonp简单总结redux-saga 初识和使用javascript获取系统当前时间的方法一个可以得到元素真实的背景颜色的javascript脚本js刷新页面方法大全js中settimeout()的用法详解js截取字符串常用方法详细整理js页面跳转常用的几种方式js打开新窗口的2种方式js数组与字符串的相互转换方法js设置cookie、读取cookie、删除js 将json字符串转换为json对象的javascript深入理解js闭包js删除数组里的某个元素方法bootstrap4如何定制自己的颜色和风格react性能优化系列之减少props改变的实现iscroll.js滚动加载实例详解基于jquery ajax的多文件上传进度条过程解js仿百度自动下拉框模糊匹配提示谈谈target=_new和_blank的不同之处javascript贪吃蛇完整版(源码)微信小程序开发问题之wx.previewimagejavascript模拟重力状态下抛物运动的方法canvas实现手机端用来上传用户头像的代码
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved