html文字特效代码(html 文字特效)
html烟花特效代码
HTML烟花特效代码://烟花代码//...拓展:网名:小烟花
拓展:小烟花,把烟花的精彩洒满每一个角落,把欢笑传递快乐的每一刻!
html爱心特效代码怎么添加名字
html爱心特效代码添加名字的步骤:
1、在主代码最后增加一个模块document.getelementbyid。
2、在模块document.getelementbyid中增加一个标签div。
3、在标签div中添加所要添加的名字。
4、在主代码中增加模块document.getelementbyid即可完成添加名字。
html爱心特效代码怎么改花瓣的颜色
html爱心特效代码改花瓣颜色的方法如下:
1、获取花瓣,所有调色条,以及用来显示rgb值的div盒子。
2、给花瓣循环绑定点击事件,这里需要一个匿名的自调用函数来储存i的值,不然事件绑定不上,i值会变为最终长度值。
3、利用"排他思想"循环遍历将所有花瓣的selected类名去掉,然后给当前点击的花瓣添加被选中的类名"selected"将边框变为虚线,表示被选中。
4、下面一个for循环同样利用了匿名的自调用函数存储i值,然后给所有的调色条绑定input事件。
5、判断一下是否有被选中的元素,通过判断之后获取带有selected类名的花瓣,然后将其背景颜色改为三个input输入的value值,最后将三个rgb值渲染到显示rgb值的div盒子中,这样一个彩色花瓣的效果就完成了。
网页设计中如何打开一个网页后实现逐字显示“欢迎光临”???
网上搜集一下网页特效文字代码。
根据你的要求我找到了一则代码,你加入试试效果。
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
title网页特效|Linkweb.cn/Js|---打字效果的文字切换/title
/head
body
script language="JavaScript1.2"
!--
/*
Typing Scroller
Submitted by bengaliboy00@hotmail.com (hp: )
With modifications by Dynamicdrive.com
For full source code, usage terms, and 100s more scripts, visit
*/
//设置滚动的内容
var line=new Array()
line[1]="欢迎光临网页特效"
line[2]=""
line[3]="提出宝贵意见"
line[4]="希望你喜欢这种模式"
line[5]="再次感谢你的光临"
//设置字体大小
var ts_fontsize="16px"
//--Don't edit below this line
var longestmessage=1
for (i=2;iline.length;i++){
if (line[i].lengthline[longestmessage].length)
longestmessage=i
}
//Auto set scroller width
var tscroller_width=line[longestmessage].length
lines=line.length-1 //--Number of lines
//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('form name="bannerform"');
document.write('input type="text" name="banner" size="'+tscroller_width+'"');
document.write(' style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()"');
document.write('/form');
}
temp=""
nextchar=-1;
nextline=1;
cursor="\\"
function animate(){
if (temp==line[nextline] temp.length==line[nextline].length nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",3000)}
else if (nextline==lines temp==line[nextline] temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",3000)}
else{
nextstep()}}
function nextstep(){
if (cursor=="\\"){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor="\\"}
nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",100)}
//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// --
/script
/body
/html
怎么制作html5渐显的文字提示效果
html
head
title网页特效-文本特效-渐显的文字提示效果/title
FCK:meta http-equiv="content-Type" content="text/html;charset=gb2312" /
!--把下面代码加到head与/head之间--
style type="text/css"
.lookMe{
float:left;
margin-right:10px;
padding:5px;
width:90px;
color:#0099FF;
cursor:pointer;
background:#FFFADC;
border:1px solid #CC6600;
}
.lookMe span{
display:none;
position:absolute;
padding:5px;
width:200px;
color:#CC3300;
background:#FFFADC;
border:1px solid #CC6600;
filter:alpha(opacity=0);
}
/style
/head
body
!--把下面代码加到body与/body之间--
div onmouseover_fckprotectedatt="%20onmouseover%3D%22lookMe(this)%3B%22" class="lookMe" onmousemove_fckprotectedatt="%20onmousemove%3D%22mouseMove(event)%3B%22"闷战120分钟点球战4:2 西班牙破魔咒淘汰意大利
span1、雅虎体育讯 北京时间6月23日,欧洲足球锦标赛在瑞士奥地利继续进行,在一场四分之一决赛中,西班牙队迎来了上届世界杯冠军意大利队,90分钟与加时赛双方均一球未进,在最终的点球大战中,西班牙4:2击败了对手,昂首挺进四强。/span
/div
div onmouseover_fckprotectedatt="%20onmouseover%3D%22lookMe(this)%3B%22" class="lookMe" onmousemove_fckprotectedatt="%20onmousemove%3D%22mouseMove(event)%3B%22"闷战120分钟点球战4:2 西班牙破魔咒淘汰意大利
span2、在一场四分之一决赛中……/span
/div
div onmouseover_fckprotectedatt="%20onmouseover%3D%22lookMe(this)%3B%22" class="lookMe" onmousemove_fckprotectedatt="%20onmousemove%3D%22mouseMove(event)%3B%22"闷战120分钟点球战4:2 西班牙破魔咒淘汰意大利
span3、欧洲足球锦标赛在瑞士奥地利继续进行,在一场四分之一决赛中,西班牙队迎来了上届世界杯冠军意大利队,90分钟与加时赛双方均一球未进,在最终的点球大战中,西班牙4:2击败了对手,昂首挺进四强。/span
/div
script
var span,timer1;
function lookMe(thisTag){
span = thisTag.getElementsByTagName('span')[0];
span.style.display = 'block';
span.filters[0].opacity=0;
timer1=setInterval("showme()",10)
thisTag.onmouseout = function(){
span.style.display = 'none';
}
}
function showme()
{
if(span.filters[0].opacity==80){clearInterval(timer1)}
span.filters[0].opacity++
}
function mouseMove(event){
var xx=event.clientX + 5;
var yy=event.clientY + 10;
var obj = event.srcElement ? event.srcElement : event.target;
var span=obj.getElementsByTagName("span")[0];
span.style.left = xx + 'px';
span.style.top = yy + 'px';
}
/script
/body
/html
html的文字滚动特效
marquee
向左移动
/marquee
marquee direction="right"
向右移动
/marquee
marquee direction="right" behavior="alternate"
来回移动
/marquee
marquee direction="right" loop="3"
移动3次
/marquee
marquee direction="right" scrollamount="1"
看我走多块(scrollamount=“值”)值越大,速度越快
/marquee
marquee direction="right" scrolldelay="1000"
看我走多块scrolldelay=“值”)1000毫秒=1秒 这是1秒移动一次
/marquee