html星空特效源代码（web动态星空代码）

本篇文章给大家谈谈html星空特效源代码，以及web动态星空代码对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、求html 代码,使表格边框一闪一闪的
• 2、怎么给html5背景加上js粒子特效
• 3、html烟花特效代码
• 4、html爱心特效代码怎么改花瓣的颜色
• 5、穿越星空这个效果怎么做出来
• 6、QQ空间星空代码

求html 代码,使表格边框一闪一闪的

这个可以用js实现，主要就是不断的更换边框的颜色

这个直接放到代码里面 可以用的  你试试看吧

table border="0" width="280" id="myexample" style="border:5px solid green"

trtd源码爱好者与您分享编程源码、网站源码、网页素材、书籍教程、网站模板、网页特效代码等，做高质量的学习型源码下载站。

br/td

/tr

/table

script language="JavaScript1.2"

!--

function flashit(){

var myexample = document.getElementById('myexample');

if (myexample.style.borderColor=="green")

myexample.style.borderColor="red"

else

myexample.style.borderColor="green"

}

setInterval("flashit()", 500)

怎么给html5背景加上js粒子特效

使用了particles.js

particles.js可以从github网站下载到最新的源码，网址是

使用方法非常简单

第一步，在html中引入脚本文件 particles.min.js，这个文件在下载的压缩包里可以找到

script src="particles.min.js"/script

第二步，在html中放入一个div容器，设置id为particles-js。这个一般放在所有网页元素的最后面就可以。

div id="particles-js"/div

style type="text/css"

#particles-js {

position: absolute;

top:0;

width:100%;

}

/style

第三步，设置窗口样式

style type="text/css"

#particles-js {

z-index: -1;

position: absolute;

top: 0;

width: 100%;

background: #aaa;

}/style

第四步，脚本生成粒子效果，可以单独放在一个js文件里，也可以放在script标签里。无论如何，这段脚本要出现在div容器之后。

particlesJS("particles-js", {  "particles": {    "number": {      "value": 380,      "density": {        "enable": true,        "value_area": 800

      }

    },    "color": {      "value": "#ffffff"

    },    "shape": {      "type": "circle",      "stroke": {        "width": 0,        "color": "#000000"

      },      "polygon": {        "nb_sides": 5

      },      "image": {        "src": "img/github.svg",        "width": 100,        "height": 100

      }

    },    "opacity": {      "value": 0.5,      "random": false,      "anim": {        "enable": false,        "speed": 1,        "opacity_min": 0.1,        "sync": false

      }

    },    "size": {      "value": 3,      "random": true,      "anim": {        "enable": false,        "speed": 40,        "size_min": 0.1,        "sync": false

      }

    },    "line_linked": {      "enable": true,      "distance": 150,      "color": "#ffffff",      "opacity": 0.4,      "width": 1

    },    "move": {      "enable": true,      "speed": 6,      "direction": "none",      "random": false,      "straight": false,      "out_mode": "out",      "bounce": false,      "attract": {        "enable": false,        "rotateX": 600,        "rotateY": 1200

      }

    }

  },  "interactivity": {    "detect_on": "canvas",    "events": {      "onhover": {        "enable": true,        "mode": "grab"

      },      "onclick": {        "enable": true,        "mode": "push"

      },      "resize": true

    },    "modes": {      "grab": {        "distance": 140,        "line_linked": {          "opacity": 1

        }

      },      "bubble": {        "distance": 400,        "size": 40,        "duration": 2,        "opacity": 8,        "speed": 3

      },      "repulse": {        "distance": 200,        "duration": 0.4

      },      "push": {        "particles_nb": 4

      },      "remove": {        "particles_nb": 2

      }

    }

  },  "retina_detect": true});

html烟花特效代码

HTML烟花特效代码：//烟花代码//...拓展：网名：小烟花

拓展：小烟花，把烟花的精彩洒满每一个角落，把欢笑传递快乐的每一刻！

html爱心特效代码怎么改花瓣的颜色

html爱心特效代码改花瓣颜色的方法如下：

1、获取花瓣，所有调色条，以及用来显示rgb值的div盒子。

2、给花瓣循环绑定点击事件，这里需要一个匿名的自调用函数来储存i的值，不然事件绑定不上，i值会变为最终长度值。

3、利用"排他思想"循环遍历将所有花瓣的selected类名去掉，然后给当前点击的花瓣添加被选中的类名"selected"将边框变为虚线，表示被选中。

4、下面一个for循环同样利用了匿名的自调用函数存储i值，然后给所有的调色条绑定input事件。

5、判断一下是否有被选中的元素，通过判断之后获取带有selected类名的花瓣，然后将其背景颜色改为三个input输入的value值，最后将三个rgb值渲染到显示rgb值的div盒子中，这样一个彩色花瓣的效果就完成了。

穿越星空这个效果怎么做出来

找一张星空的图片然后用AE软件图片打开3D属性建一个摄像机往前推就可以了还可以给图片加旋转动画，这样看起来星空在旋转

QQ空间星空代码

不知道你说的是哪个 这是现在所有免费代码了

QQ边框代码：

爱的甜蜜蜜 javascript:window.top.space_addItem(16,21903,0,80,500,500,0);

爱你一生不变 javascript:window.top.space_addItem(16,21904,0,80,500,500,0);

爱情轨迹 javascript:window.top.space_addItem(16,21905,0,80,500,500,0);

爱情之旅 javascript:window.top.space_addItem(16,21906,0,80,650,650,0);

回味爱情 javascript:window.top.space_addItem(16,21907,0,80,500,500,0);

偏偏喜欢你 javascript:window.top.space_addItem(16,21908,0,80,500,500,0);

收获爱情 javascript:window.top.space_addItem(16,21909,0,80,500,500,0);

谢谢你的爱 javascript:window.top.space_addItem(16,21910,0,80,500,500,0);

有你真精彩 javascript:window.top.space_addItem(16,21911,0,80,500,500,0);

真的很想你 javascript:window.top.space_addItem(16,21912,0,80,500,500,0);

QQ空间模块移动代码:

版块靠左代码——javascript:window.top.space_addItem(1,9475,0,0,1,1,93);

版块居中代码——javascript:window.top.space_addItem(1,9475,100,0,1,1,93);

版块右移代码——javascript:window.top.space_addItem(1,9475,235,0,1,1,93);

迷失自我：

版块靠左代码——javascript:window.top.space_addItem(1,9475,0,0,1,1,94);

版块居中代码——javascript:window.top.space_addItem(1,9475,100,0,1,1,94);

版块右移代码——javascript:window.top.space_addItem(1,9475,235,0,1,1,94);

彩虹云朵：

版块靠左代码——javascript:window.top.space_addItem(1,8674,0,80,100,100,94);

版块居中代码——javascript:window.top.space_addItem(1,8674,100,80,100,100,94);

版块右移代码——javascript:window.top.space_addItem(1,8674,235,80,100,100,94);

蓝星闪烁：

版块靠左代码——javascript:window.top.space_addItem(1,8674,0,80,100,100,93);

版块居中代码——javascript:window.top.space_addItem(1,8674,100,80,100,100,93);

版块右移代码——javascript:window.top.space_addItem(1,8674,235,80,100,100,93);

浓情马克：

版块靠左代码——javascript:window.top.space_addItem(1,11273,0,80,0,0,94);

版块居中代码——javascript:window.top.space_addItem(1,11273,100,80,0,0,94);

版块右移代码——javascript:window.top.space_addItem(1,11273,235,80,0,0,94);

蓝色皮肤：

版块靠左代码——javascript:window.top.space_addItem(1,11762,0,0,96,96,94);

版块居中代码——javascript:window.top.space_addItem(1,11762,100,0,96,96,94);

版块右移代码——javascript:window.top.space_addItem(1,11762,235,0,96,96,94);

版块右移代码：

黑色：javascript:window.top.space_addItem(1,12736,230,80,0,0,20);

黑色：javascript:window.top.space_addItem(1,9475,230,80,0,0,20);

紫黑：javascript:window.top.space_addItem(1,8669,230,80,0,0,20);

蓝色：javascript:window.top.space_addItem(1,11762,230,80,0,0,20);

隐藏导航代码

javascript:window.top.space_addItem(13,1333,0,80,0,0,94);

隐藏播放器代码

javascript:window.top.space_addItem(6,676,1899,0,200,200,0);

去除横幅代码:

黄钻专用去横幅代码：javascript:window.top.space_addItem(19,15330,0,0,0,0,10000);

QQ空间皮肤代码

七色彩虹：javascript:window.top.space_addItem(1,8674,0,80,100,100,94);

灰色皮肤代码：javascript:window.top.space_addItem(1,6300,0,0,0,0,1);

黑色皮肤：javascript:window.top.space_addItem(1,9475,20,100,0,0,93);

黑暗世界javascript:window.top.space_addItem(1,9475,0,0,1,1,94);

红极一时javascript:window.top.space_addItem(1,11273,0,80,0,0,93);

黑星耀眼javascript:window.top.space_addItem(1,12736,0,80,0,0,93);

玫瑰花javascript:window.top.space_addItem(1,8669,100,80,100,100,123);

静悄悄 javascript:window.top.space_addItem(1,8669,100,80,100,100,94); （带花、居中）

快乐十分javascript:window.top.space_addItem(1,8674,0,80,100,100,94); （彩虹）

迷失世界javascript:window.top.space_addItem(1,9475,0,0,1,1,94);（这个是黑的）

蓝色 javascript:window.top.space_addItem(1,11762,0,0,96,96,94); （蓝的）

睡美人（很漂亮）javascript:window.top.space_addItem(13,9758,0,0,200,600,0);

白色可爱风格：javascript:window.top.space_addItem(1,4703,0,80,0,0,94)；

爱情系列：

javascript:window.top.space_addItem(1,7513,0,80,0,0,94);

全红免费皮肤：javascript:window.top.space_addItem(1,11273,0,80,0,0,93);

全橙样式：javascript:window.top.space_addItem(1,15306,0,80,0,0,93);

全蓝样式：javascript:window.top.space_addItem(1,15116,0,80,0,0,93);

全紫样式：javascript:window.top.space_addItem(1,15116,0,80,0,0,93);

淡淡粉色：javascript:window.top.space_addItem(1,7513,0,80,0,0,93);

全绿样式：javascript:window.top.space_addItem(1,7619,0,80,0,0,93);

全粉样式：javascript:window.top.space_addItem(1,4693,0,80,0,0,93);

米白色：javascript:window.top.space_addItem(1,4703,0,80,0,0,94);

紫色带星光： javascript:window.top.space_addItem(1,7510,0,80,0,0,93);

橘黄色：javascript:window.top.space_addItem(1,7513,0,80,0,0,93);

水果绿：javascript:window.top.space_addItem(1,7619,0,80,0,0,93);

浅粉红：javascript:window.top.space_addItem(1,4693,0,0,0,0,93);

天际蓝：javascript:window.top.space_addItem(1,15166,0,80,0,0,93);

关于html星空特效源代码和web动态星空代码的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。