网页动画话图片特效代码(动画特效怎么画)
admin 发布:2022-12-19 21:49 112
本篇文章给大家谈谈网页动画话图片特效代码,以及动画特效怎么画对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
如何在网页背景添加动态图案
背景放一个GIF的动画图案就可以了。
background=xxx.gif
或者是找一段飘雪花的JS代码。
代码自己找吧。
相信《网页特效梦工厂 XP v2.3》可以帮助你!
你在做网页嘛,如果是的话,这是你不可多得的超Cool工具。这是可以自动生成网页特效的软件,每个特效都可以有您进行参数设置,100%傻瓜性。收集了包括时间特效,文字特效,图像处理,鼠标特效,页面特效,菜单特效,在线游戏,其它特效在内的八类上百个精彩特效。这些特效都是使用率比较高的JavaScript代码,您可以直接使用。软件内置浏览器,您可以随时预览特效效果;特效制作好之后,您可以把它复制到剪贴板,或者保存到文件中;软件的界面美观新颖,操作简单明了,极易上手。轻轻点几下鼠标,又炫又酷的网页任你选!
下载地址:
下面的是一个网页制作特效的站点。有很多的东西。看看吧
关于JS网页上漂浮花瓣特效的问题
只是用的话简单,你上面贴的都是 JavaScript 脚本代码。因为现在做网站不管大小,都会用到几个技术:HTML做网页结构(就是表面东西),CSS做外观(就是字体颜色什么的),JavaScript做交互动作(就是点击弹出个窗口漂浮广告什么的)。
你要用的网页特效其实就是各种 JavaScript 脚本代码,就像你贴出来的这样的。你上那些网页特效网站,上面应该都注明了代码该如何用的,其实一般就是:把 script.../script 复制到 head 和 /head 的里面或者是body和/body里面就行了,具体复制到哪?试试就行,这处不行换一处。呵呵...
关于花瓣代码..改变速度和其大小
SCRIPT language=JavaScript
var speed;
function verify()
{
speed = document.getElementById("txt").value;
if(inputValue == ""){
speed=12;
}
}
var no = 6; // snow number
var snowflake = "logo.GIF";
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 500, doc_height = 500;
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (i == 0) {
document.write("div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"img src=\"");
document.write(snowflake + "\" border=\"0\"/div");
} else {
document.write("div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"img src=\"");
document.write(snowflake + "\" border=\"0\"/div");
}
}
function snowIE() { // IE main animation function
for (i = 0; i no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
snowIE();
/SCRIPT
form name="form1"
请输入:
input type="text" name="txt" value="6"/
input name="button" type="button" onclick="verify()" value="确定" /
/form
求网页特效花瓣代码
是鼠标效果的文件 你可以从 控制面板--鼠标--指针 选项里浏览这个文件
就可以改变鼠标的显示效果
将如下代码加入CSS
cursor:url('')}
A{(cursor:url('')}
说明1:第一行:"cursor:url('')}"是鼠标指针初始形态的图形,把你喜爱的保存待用鼠标相应的网址复制到url( )里面。
第二行:" A{(cursor:url('')}"是鼠标指针碰到链接的形态的图形,把你喜爱的保存待用鼠标相应的网址复制到url( )里面。
说明2:以上两种鼠标样式你需要两个鼠标指针图片(最好这两个图片是一套或是相近的)。
说明3:如果你喜欢的鼠标指针只有一张图片而不是两张,那么"A{(cursor:url('鼠标指针图片网址')}"这段代码就不用写了。
急求一个网页特效代码
用这个吧 可以全屏拖动的 支持FLASH引用
script id=clientEventHandlersJS language=JScript
!--
function ad_check() {
self.onError=null;
self.onError=null;
setTimeout("ad_check()",100);
}
function Min_onclick() {
//alert(ad1.style.visibility )
ad1.style.visibility='hidden';
}
function Max_onclick() {
//alert(ad1.style.visibility )
ad1.style.visibility='visible';
}
//--
/scriptscript language=JScript
//floater.innerHTML =''
//window.alert (floater.innerHTML.length4000);
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
!-- STALKER CODE --
function heartBeat() {
if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }
if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
if(diffY != lastScrollY) {
percent = .1 * (diffY - lastScrollY);
if(percent 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater.style.pixelTop += percent;
if(NS) document.floater.top += percent;
lastScrollY = lastScrollY + percent;
}
if(diffX != lastScrollX) {
percent = .1 * (diffX - lastScrollX);
if(percent 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater.style.pixelLeft += percent;
if(NS) document.floater.left += percent;
lastScrollX = lastScrollX + percent;
}
}
//--
function checkFocus(x,y) {
stalkerx = document.floater.pageX;
stalkery = document.floater.pageY;
stalkerwidth = document.floater.clip.width;
stalkerheight = document.floater.clip.height;
if( (x stalkerx x (stalkerx+stalkerwidth)) (y stalkery y
(stalkery+stalkerheight))) return true;
else return false;
}
function grabIt(e) {
if(IE) {
whichIt = event.srcElement;
while (whichIt.id.indexOf("floater") == -1) {
whichIt = whichIt.parentElement;
if (whichIt == null) { return true; }
}
whichIt.style.pixelLeft = whichIt.offsetLeft;
whichIt.style.pixelTop = whichIt.offsetTop;
currentX = (event.clientX + document.body.scrollLeft);
currentY = (event.clientY + document.body.scrollTop);
} else {
window.captureEvents(Event.MOUSEMOVE);
if(checkFocus (e.pageX,e.pageY)) {
whichIt = document.floater;
stalkerTouchedX = e.pageX-document.floater.pageX;
StalkerTouchedY = e.pageY-document.floater.pageY;
}
}
return true;
}
function moveIt(e) {
if (whichIt == null) { return false; }
if(IE) {
newX = (event.clientX + document.body.scrollLeft);
newY = (event.clientY + document.body.scrollTop);
distanceX = (newX - currentX); distanceY = (newY - currentY);
currentX = newX; currentY = newY;
whichIt.style.pixelLeft += distanceX;
whichIt.style.pixelTop += distanceY;
if(whichIt.style.pixelTop document.body.scrollTop) whichIt.style.pixelTop =
document.body.scrollTop; if(whichIt.style.pixelLeft document.body.scrollLeft)
whichIt.style.pixelLeft = document.body.scrollLeft; if(whichIt.style.pixelLeft
document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20)
whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;
if(whichIt.style.pixelTop document.body.offsetHeight + document.body.scrollTop -
whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight +
document.body.scrollTop - whichIt.style.pixelHeight - 5;
event.returnValue = false;
} else {
whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);
if(whichIt.left 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset;
if(whichIt.top 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset;
if( (whichIt.left + whichIt.clip.width) = (window.innerWidth+self.pageXOffset-17)) whichIt.left
= ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;
if( (whichIt.top + whichIt.clip.height) = (window.innerHeight+self.pageYOffset-17)) whichIt.top
= ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;
return false;}
return false;
}
function dropIt() {
whichIt = null;
if(NS) window.releaseEvents (Event.MOUSEMOVE);
return true;
}
!-- DRAG DROP CODE --
if(NS) {
window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);
window.onmousedown = grabIt;
window.onmousemove = moveIt;
window.onmouseup = dropIt;
}
if(IE) {
document.onmousedown = grabIt;
document.onmousemove = moveIt;
document.onmouseup = dropIt;
}
if(NS || IE) action = window.setInterval("heartBeat()",1);
setTimeout("ad_check()",10)
/script
/div
DIV align=center id=floater style="HEIGHT: 100px; WIDTH: 343px; position:absolute; left:76px; top:126px"
TABLE bgColor=#eeeeee border=1 borderColor=#999999
cellPadding=0 cellSpacing=0
style="BORDER-COLLAPSE: collapse" width=167
TBODY
TR
TD height=20 width=167
TABLE border=0 cellPadding=0 cellSpacing=0
width="100%"
TBODY
TR
TD align=right
height=15 vAlign=bottom width="100%"
TABLE border=0 height=2 width="100%"
TR
TD height=1 align=rightFONT color=#000000 face=宋体
style="FONT-SIZE: 9pt" /FONT font
class=banner
id=Min language=javascript
onclick="return Min_onclick()"font color="#990000" style="font-size: 9pt; cursor: hand"收起/font/fontfont
class=banner
id=Min language=javascript
onclick="return Max_onclick()"FONT
color=#666666//FONTfont color="#990000" style="font-size: 9pt; cursor: hand"展开/font/font/TD
/TR/TABLE/TD/TR/TBODY/TABLE/TD/TR/TBODY/TABLE
TABLE bgColor=#eeeeee border=1 borderColor=#999999
cellPadding=2 cellSpacing=0 id=ad1
style="BORDER-COLLAPSE: collapse" width=165
TBODY
TR
TD bgColor=#eeeeee disabled height=20 width=165 P align=center
object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="" width="165" height="120"
param name="movie" value=""
param name="quality" value="high"
embed src="" quality="high" pluginspage="" type="application/x-shockwave-flash" width="165" height="120"/embed/object
/P
/TD/TR
TR
TD bgColor=#eeeeee height=20 width=310div align="left"
FONT
color=#990000 size=2font color="#666666"/font/FONT
FONT
color=#FFFFFF size=2 /FONTFONT
color=#800000 size=2蓝染惣右介/FONT/div/TD
/TR
/TBODY/TABLE
/DIV
html爱心特效代码怎么改花瓣的颜色
html爱心特效代码改花瓣颜色的方法如下:
1、获取花瓣,所有调色条,以及用来显示rgb值的div盒子。
2、给花瓣循环绑定点击事件,这里需要一个匿名的自调用函数来储存i的值,不然事件绑定不上,i值会变为最终长度值。
3、利用"排他思想"循环遍历将所有花瓣的selected类名去掉,然后给当前点击的花瓣添加被选中的类名"selected"将边框变为虚线,表示被选中。
4、下面一个for循环同样利用了匿名的自调用函数存储i值,然后给所有的调色条绑定input事件。
5、判断一下是否有被选中的元素,通过判断之后获取带有selected类名的花瓣,然后将其背景颜色改为三个input输入的value值,最后将三个rgb值渲染到显示rgb值的div盒子中,这样一个彩色花瓣的效果就完成了。
网页动画话图片特效代码的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于动画特效怎么画、网页动画话图片特效代码的信息别忘了在本站进行查找喔。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
- 上一篇:sap查询代码(SAP代码)
- 下一篇:客服广告代码(客服广告代码是什么)
相关推荐
- 05-03软文推广代理,软文推广怎么收费
- 05-03上下浮动图片代码(向上浮动代码)[20240503更新]
- 05-03动态网站背景特效代码(网页动态背景源代码)[20240503更新]
- 05-03花瓣网页特效代码(花瓣特效素材)[20240503更新]
- 05-03百度爱采购怎么推广,百度爱采购怎么推广页面的
- 05-03分类下拉代码(分类下拉代码怎么输入)[20240503更新]
- 05-03seo教程seo优化,seo怎么做优化
- 05-03优化公司网站,优化公司网站怎么做
- 05-03设置横向打印js代码(web怎么横向打印)[20240503更新]
- 05-03北京seo优化诊断,北京seo怎么优化
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接