精美网页js特效(js常用网页特效)
各位老铁们，大家好，今天由我来为大家分享精美网页js特效，以及js常用网页特效的相关问题知识，希望对大家有所帮助。如果可以帮助到大家，还望关注收藏下本站，您的支持是我们最大的动力，谢谢大家了哈，下面我们开始吧！
怎么在dreamweaver做好的网页中,加入js特效。
在需要添加效果的元素<>里面加上
onclick="某函数()"(鼠标点击触发效果)
onload="某函数()"(进入页面触发效果)
onchange="某函数()"(改变内容触发效果，用于文本输入框)
onmouseover="某函数()"(鼠标移动到元素上触发效果)
onmouseout="某函数()"(鼠标移除元素触发效果)
onmousedown="某函数()"(鼠标正在点击触发效果)
onmouseup="某函数()"(鼠标释放触发效果)
参考网址
例如：
<script type="text/javascript" language="javacript">
function changetext()
{
document.getElementByID("text").innerHTML="Hello Word!";
}
</script>
<a id="text" onclick="changetext()">你好！</a>
<a>元素中使用了onclick，当鼠标点击“你好！”时，会触发changetext()函数，将“你好！”变成“Hello Word!”
需要先了解JS文件里面都有什么函数以及函数的功能再使用。网上下载的一般会有注释函数的功能。
该网站中还有代码的教学
怎么给html5背景加上js粒子特效
使用了particles.js
particles.js可以从github网站下载到最新的源码，网址是
使用方法非常简单
第一步，在html中引入脚本文件 particles.min.js，这个文件在下载的压缩包里可以找到
<scriptsrc="particles.min.js"></script>第二步，在html中放入一个div容器，设置id为particles-js。这个一般放在所有网页元素的最后面就可以。
<divid="particles-js"></div>
<styletype="text/css">
#particles-js{
position:absolute;
top:0;
width:100%;
}
</style>第三步，设置窗口样式
<styletype="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});
做网页设计师要学什么
首先第一步，你要学PS不用太深，只要能把一个网站的样子在PS里面做出来就行了。前期可以随便打开个网站照着做。
其次，你要会写代码，可以运用DW(DreamWeaver)辅助。代码这东西其实很简单，虽然是英文，但用到的单词绝对不超过200个。基于SEO原则，你必须会DIV+CSS式的排版。你可以用火狐浏览器随便打开一个简单的网站点查看源文件，然后参照别人写的HTML和CSS样式来写，或者上一些网站下载教程，查看资料，如果每天投入8小时来练，那么顶多15天你就能写出一个网站的前台了。要坚持天天练，练到你能把一个门户类网站（如淘宝）的前台写出来（当然是静态的），那么恭喜你，你代码学科毕业了，期间你可以穿插认识一下JAVASCRIPT等特效，能做一定的修改和应用。
再次，这个时候你可以转型学习网络推广，基于自己的H T M L知识你会发现网络推广的知识你一看就懂。
或者你可以学习一门语言（如P HP），从而更深层次的去认识网站。
自己能做一些特效，
补充：在学的过程当中一定要培养自己的美感，特别是颜色的搭配。你要记住，艺术家设计网站的时代已经不在了，你要站在用户的角度去体验一个网站，分辨好坏，你自己觉得很好看的，别人不一定这么认为，其中的关键就在于颜色的搭配了。
如果你还想了解更多这方面的信息，记得收藏关注本站。