代码特效编写(用代码做特效)

http://www.itjxue.com  2023-02-14 14:13  来源:未知  点击次数: 

网页特效代码

打字效果的文字特效[修改显示的文字即可]

[根据下面的说明进行共1步]

====2、以下代码放在HTML的body/body之间[适当的位置]:

script language=javascript

var layers =document.layers,style=document.all,both=layers||style,idme=908601;

if(layers){layerRef='document.layers';styleRef ='';}if(style){layerRef='document.all';styleRef =

'.style';}

function writeOnText(obj,str){

if(layers)with(document[obj]){ document.open();document.write(str);document.close();}

if(style)eval(obj+'.innerHTML=str'); }

var dispStr=new Array("javascript源码大全");

var overMe=0;

function txtTyper(str,idx,idObj,spObj,clr1,clr2,delay,plysnd){

var tmp0=tmp1= '',skip=100;

if (both idx=str.length) {

if (str.charAt(idx)==''){ while(str.charAt(idx)!='') idx++;idx++;}

if (str.charAt(idx)==''str.charAt(idx+1)!=' '){ while (str.charAt(idx)!= ';')idx++;idx++;}

tmp0 = str.slice(0,idx);

tmp1 = str.charAt(idx++);

if (overMe==0 plysnd==1){

if (navigator.plugins[0]){

if(navigator.plugins["LiveAudio"][0].type=="audio/basic" navigator.javaEnabled()){document.embeds

[0].stop();

setTimeout("document.embeds[0].play(false)",100);}

} else if (document.all){

ding.Stop();

setTimeout("ding.Run()",100);}

overMe=1;}else overMe=0;

writeOnText(idObj, "span class="+spObj+"font color='"+clr1+"'"+tmp0+"/fontfont color='"+clr2

+"'"+tmp1+"/font/span");

setTimeout("txtTyper('"+str+"', "+idx+", '"+idObj+"', '"+spObj+"', '"+clr1+"', '"+clr2+"', "+delay+" ,"+plysnd+")",delay);}}

function init(){txtTyper(dispStr[0], 0, 'ttl0', 'ttl1', '#339933', '#99FF33', 300, 0);}

/script

BODY onload=init()

DIV class=ttl1 id=ttl0/DIV

/BODY

phpstorm编写代码有特效的什么插件?

打开phpstorm,依次点击 File-Settings...-Plugins,此时会看到这样的一个界面

点击图中红框标注的按钮(Browse repositories),然后再弹出的窗口上方搜索位置,

输入 (powe),完整的插件名称叫做 activate-power-mode,但是因为我们还有一个插件要装,所以输入powe就够了,结果大概如图所示

看到图中红框所标注的两个插件了吗,在右侧点击install进行安装,因为我已经安装过了,所以没有install。安装完需要重启来生效,如果特效有卡顿,请切换一个文件打开,再切回来,一般就可以了,一般这个只会出现在第一次打开编辑器的时候,里面只打开了一个文件

可以选择安装其中的一个,也可以都安装,我是两个都安装的,说一下他们的区别

activate-power-mode: 包含鼠标点击,代码输入等等的粒子特效,

power-mode 2: 只包含代码输入时的火焰特效,这个很炫的,下面上张图演示一下

另外再说一个,这两个特效默认都是包含屏幕抖动的特效的,其中power mode ?2可以通过设置取消,但是activate-power-mode就不可以了,如果需要这个也不抖动的效果的,可以下载我重新编译的插件文件,安装方式为上图中第三个按钮from disk

Dreamweaver使用,网页特效代码制作

首先用ps或者其他软件将几张图片的大小p成一样的。比如笔者把三张图片都p成了200x268的大小。

2

打开Dreamweaver,新建一个网页(笔者这里建立一个html类型的网页)。

3

按Ctrl+S保存新建的网页。

4

点击菜单栏:插入--表格。插入一个1行1列的表格。

5

把鼠标指针放到表格中,单击菜单栏的:插入--布局对象--AP Div,插入一个AP Div。

6

把鼠标放到刚刚新建的AP Div里边,点击菜单栏的:插入--图像,选择一张需要插入的图片。

7

按上面的方法依次添加其他几个AP Div,并在里边插入图片。

接下来插入一个AP Div,然后再里边添加一个1行3列的表格。

鼠标指针放到表格第一个方框中,单击菜单栏:插入--表单--按钮。操作如图

鼠标点中添加的按钮,然后再下方属性面板中,把值修改为1。

按照上述步骤依次为表格的第二个框、第三个框添加一个按钮,并把属性值改成2和3。如图

把几个AP Div移动到同一个区域。如下图

单击菜单栏:窗口--行为,打开行为面板。

鼠标点击第一个方框的按钮,点击标签检查器行为面板下方的“+”号,弹出的菜单中选择“显示-隐藏元素”。

按照下图所示,把AP Div1设置成显示,AP Div2设置成隐藏,AP Div3设置成隐藏。AP Div4可以设置成显示,也可以不设置(默认显示)。

如图,点击行为面板左边的英文,在弹出的菜单中选择onFocus。

按照上面的步骤,依次把表格第二个方框、第三个方框的按钮设置成如下图所示。

这样就做好了。按F12在浏览器中看看效果。

怎样用C语言编写闪电特效?

示例程序:

#includewindows.h

#includestdio.h

main()

{

HANDLE hStdout;

COORD fcoord,Cursor;

char *flag = "-|/\\";

char *ch = "Baid";

int i = 0, j = 0;

AllocConsole();

/* get standered handles */

fcoord.X = fcoord.Y = 0;

Cursor.X = -1;

Cursor.Y = 1;

hStdout = GetStdHandle(STD_OUTPUT_HANDLE);

while (TRUE)

{

Sleep(300);

SetConsoleCursorPosition(hStdout, fcoord);

printf("%c",flag[i++]);

if(i == 3)

{

i = 0;

Cursor.X += 1;

SetConsoleCursorPosition(hStdout, Cursor);

printf("%c",ch[j]);

j++;

}

if(j == 4)

break;

}

//getch();

}

说明:1.RT,那就别用清屏函数三;

2.一个一个字输出?用fopen()从文件读入就可以不从程序输入了;

3.示例程序ch字符串如果是汉字程序将失去效果,这个应该是Unicode的问题,解决方法我暂时还不知道,但是奇怪的是:

#include "stdio.h"

#includewindows.h

int main()

{

char *s = "醉拳是天下第一拳";

int i;

for (i=0; s[i]!='\0';i++)

{

printf("%c",s[i]);

Sleep(150);

}

getch();

} 这个却可以;

4.不要试图用TC系列的编译器编译。

鼠标悬停特效代码怎么写,鼠标放在小图片上旁边显示一张大图片?

代码有bug,修改后如下:

需要注意,拷贝下面这段代码,保存为 html后缀名的文件;需要自己在相同的目录下,放置两张图片,小图片.jpg? ? 大图片.jpg

效果如下图:当鼠标悬停在小图片上面的时候,会显示大图片;鼠标移出,隐藏大图片。

问题:定位需要读者自己去实现一下吧,偷懒了。感谢楼上分享!

!doctype?html

html

head

meta?charset=utf-8

/head

body

你要显示特效的html??

img?src="小图片.jpg"?width="200px"?height="200px"?id="littleimg"?onmouseout="hoverHiddendiv()"?onmouseenter="hoverShowDiv()"?/

div?style="width:200px;height:80px;border:1px?solide?#aaccff;display:none;"?id="divHover"?

大图片显示如下

img?src="大图片.jpg"?width="500px"?height="300px"?id="bigimg"?/

/div

script?type="text/javascript"

let?divHover?=?document.getElementById("divHover");

????????function?hoverShowDiv()?{

????????console.log("显示大图片");

????????????divHover.style.display?=?"block";

????????????divHover.style.top?=?document.getElementById("littleimg").style.top?+?10;

????????????divHover.style.left?=?document.getElementById("littleimg").style.left?+?10;

????????}

????????function?hoverHiddendiv()?{

????????console.log("显示小图片");

????????????divHover.style.display?=?"none";

????????}

/script

/body

/html

(责任编辑:IT教学网)

更多
上一篇:没有了

推荐Discuz!建站文章