代码特效编写(用代码做特效)
求网页特效代码
打字效果的文字特效[修改显示的文字即可]
[根据下面的说明进行共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