在网上找到一些网页特效代码不过不知道怎么用
《body
onunload=“bye()“》
onunload:当离开页面的时候触发,在这里就是触发那个bye()事件了。用户自己编的,在你的网页上面的代码里能找到。
先简单看一下html的语法,十分钟就OK。
字幕特效的代码有那些
在图片左边写字的代码:
《P》《IMG height=201 hspace=30 src=“图片连接地址“ width=154 align=right border=0》《FONT face=Arial》你要输入的文字《/FONT》
在图片右边写文字的代码:
《P》《IMG height=201 hspace=30 src=“图片连接地址“ width=154 align=left border=0》《FONT face=Arial》你要输入的文字《/FONT》
height=是图片高度,width=是图片宽度,hspace=是与文字之间的距离,可以自己调整数值,
标题字幕特效
你想让自己的文章更加光彩吗?试试下面这个代码吧!
《FONT style=“FONT-SIZE: 20pt; FILTER: shadow(color=blue); WIDTH: 100%; COLOR: #000000; FONT-FAMILY: 华文彩云; HEIGHT: 48px“》《B》 你将要换上的文字《/B》《/FONT
将其中的“你将要换上的文字”更换成你的文字就行了。
其中的(color=blue)是字体颜色。
让字幕上下滚动的代码
《MARQUEE scrollAmount=1 scrollDelay=77 direction=up width=270 height=77
onmouseout=“this.start()“ onmouseover=“this.stop()“》你的字
《BR》你的字
《BR》你的字
《BR》你的字
《BR》你的字《/MARQUEE》
《BR》后面是显示的文字,根据你的需要填写。
注意,一个《BR》代表一行字,如果一行字太长,可能导致显示不完全。
《/MARQUEE》代表文字结束。
让文字写在图片上的代码
1. 进入发表文章窗口;(想要作背景的图片网络地址应该先前就知道,否则文章做一半又得去找图,多烦!)
2. 勾选“显示源代码”—至关重要!
3. 在编辑栏内添加下列代码:
《table width=“450“ border=“0“》
《tr》
《td height=“562“ background=“图片地址“》《/td》
《/tr》
《/table》
4. 取消“显示源代码”的选择,你就会在编辑栏看到图片,而且光标也在图片之上(可能光标的首行不在图片的顶端,不过没有关系,尽管从光标的首行可是您的写作就行了,文字会自动顶到图片的顶端);
5. 写文章与没有图片一样,完了点击“发表文章”就行了。
求:能让小窗口中的文字进行旗帜式飘动的特效代码
楼主咋能这样说捏…………这是个很简答的东西…………
自己看最后一个javascript函数的注释,页面上的展示是一个DNA式的展示,其实就是两个楼主要求的东西向不同方向开始震动…………
很郁闷,20分钟完成功能,花了一个小时来优化了下代码…………
《!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN“》
《html》
《head》
《title》旗帜飘扬.html《/title》
《meta http-equiv=“keywords“ content=“keyword1,keyword2,keyword3“》
《meta http-equiv=“description“ content=“this is my page“》
《meta http-equiv=“content-type“ content=“text/html; charset=UTF-8“》
《!–《link rel=“stylesheet“ type=“text/css“ href=“./styles.css“》–》
《style type=“text/css“》
.flaggingStyle {
color: #0066ff;
font-family: 隶书;
font-size: 24pt;
font-weight: normal;
}
《/style》
《script type=“text/javascript“》
function flaggingMove(strTargetName, flaggingPosNo, flaggingVolatility, messageLength) {
for (var i = messageLength – 1; i 》= 1; i–) {
document.getElementById(“Flag_“ + strTargetName + i).style.top = document.getElementById(“Flag_“ + strTargetName + (i – 1)).offsetTop;
}
var target = document.getElementById(strTargetName);
var nowPos = parseInt(target.getAttribute(“flaggingPosition“));
var nowDir = parseInt(target.getAttribute(“flaggingDrection“));
if (nowPos == flaggingPosNo || nowPos == flaggingPosNo * -1) {
nowDir = nowDir * -1;
target.setAttribute(“flaggingDrection“, nowDir);
}
nowPos = nowPos + nowDir;
target.setAttribute(“flaggingPosition“, nowPos);
document.getElementById(“Flag_“ + strTargetName + “0“).style.top = target.offsetTop + flaggingVolatility * Math.sin(Math.PI * nowPos / 2 / flaggingPosNo);
}
function flaggingReColor(strTargetName, messageLength) {
for (var i = messageLength – 1; i 》= 1; i–) {
document.getElementById(“Flag_“ + strTargetName + i).style.color = document.getElementById(“Flag_“ + strTargetName + (i – 1)).style.color;
}
document.getElementById(“Flag_“ + strTargetName + “0“).style.color = Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
}
function startFlagging(strCtrlName, flaggingPosNo, flaggingVolatility, messageLength, flaggingTerm, reColorTerm){
window.setInterval(“flaggingMove(’“ + strCtrlName + “’, “ + flaggingPosNo + “, “ + flaggingVolatility + “, “ + messageLength + “);“, flaggingTerm);
window.setInterval(“flaggingReColor(’“ + strCtrlName + “’, “ + messageLength + “);“, reColorTerm);
}
/**
* strFlaggingMessage 字符串,信息内容
* textwidth 数字,信息字符的宽度
* flaggingPosNo 数字,半周期变化位置的次数
* startPos 数字,小于等于flaggingPosNo,开始位置
* startDir 数字,1或-1,开始时字符移动的方向(向上或向下)
* flaggingVolatility 数字,字符每次移动的距离,flaggingVolatility*flaggingPosNo*2=字符震动的幅度
* flaggingTerm 数字,字符每隔多少毫秒移动一次,flaggingTerm*flaggingPosNo*4=字符震动的周期
* reColorTerm 数字,字符颜色每隔多少毫秒变化一次
* flaggingClass 字符串,定义字符的css的classname
*/
function flaggingCtrl(strFlaggingMessage, textwidth, flaggingPosNo, startPos, startDir, flaggingVolatility, flaggingTerm, reColorTerm, flaggingClass) {
var strCtrlName = “FlaggingMessageCtl“;
if(document.getElementById(strCtrlName)){
var i = 0;
while(document.getElementById(strCtrlName + “_“ + i)){
i = i + 1;
}
strCtrlName = strCtrlName + “_“ + i;
}
document.write(“《span id=\““ + strCtrlName + “\“》《/span》“);
var target = document.getElementById(strCtrlName);
var x = target.offsetLeft;
var y = target.offsetTop;
target.style.position = “absolute“;
target.setAttribute(“flaggingPosition“, startPos);
target.setAttribute(“flaggingDrection“, startDir);
var messageArr = strFlaggingMessage.split(““);
for (i = 0; i 《= messageArr.length – 1; i++) {
var newSpan = document.createElement(“span“);
newSpan.innerText = messageArr[i];
newSpan.setAttribute(“id“, “Flag_“ + strCtrlName + i);
newSpan.className = flaggingClass;
newSpan.style.position = “absolute“;
newSpan.style.top = y;
newSpan.style.left = x + i * textwidth;
document.body.appendChild(newSpan);
}
startFlagging(strCtrlName, flaggingPosNo, flaggingVolatility, messageArr.length, flaggingTerm, reColorTerm);
}
《/script》
《/head》
《body》
《br /》
《br /》
《br /》
《br /》
《br /》
《br /》
《br /》
《br /》
《br /》
《script type=“text/javascript“》
flaggingCtrl(“准备要像旗帜飘扬般晃动的信息1………………“, 35, 4, 0, -1, 50, 35, 300, “flaggingStyle“);
《/script》
《script type=“text/javascript“》
flaggingCtrl(“准备要像旗帜飘扬般晃动的信息2………………“, 35, 4, 0, 1, 50, 35, 300, “flaggingStyle“);
《/script》
《/body》
《/html》
想做个简单网页特效 帮帮忙
《script language=“javascript“》
function check()
{
if (document.form1.文本域1名.value==“设定值1“&&document.form1.文本域2名.value==“设定值2“)
location.href=“1.html“;
else
location.href=“2.html“;
}
《/script》
《form ..name=“form1“… onsubmit=“return check();“》….《/form》
刚学习网页设计,在网上下了一些特效但是不知道如何使用 插入这些代码谢谢
1.引用样式文件css/wmiis.css
《link href=“css/wmiis.css“ type=“text/css“ rel=“stylesheet“ /》
2.引用jquery的库文件js/jquery.js
《script type=“text/javascript“ src=“js/jquery.js“》《/script》
3.引用效果的具体js代码文件js/lrtk.js复制至html文件中。
《script type=“text/javascript“ src=“js/lrtk.js“》《/script》
4.将id为zSlider的div的内容复制到您的html文件
将需要加效果地方将id为zSlider的div的内容复制到您的html文件
然后预览一下就可以看到了。
当然,你必须把wmiis.css,jquery.js,lrtk.js 这些文件放到你的文件对应文件夹中。
DW图片切换代码(特效,简单,容改)
将以下代码插入到你的网页你需要图片切换的地方
《script type=“text/javascript“》
imgUrl1=“img/1.jpg“;(图片路径和图片名称,修改一下)
imgUrl2=“img/2.jpg“;
imgUrl3=“img/3.jpg“;
imgUrl4=“img/4.jpg“;
imgUrl5=“img/5.jpg“;
var focus_width=’400’(图片宽度)
var focus_height=’300’(图片高度)
var text_height=’|||’
var swf_height = focus_height
var pics=imgUrl1+“|“+imgUrl2+“|“+imgUrl3+“|“+imgUrl4+“|“+imgUrl5
document.write(’《object classid=“clsid:d27cdb6e-ae6d-11cf-96b8-444553540000“ codebase=“http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0“ width=“’+ focus_width +’“ height=“’+ swf_height +’“》’);
document.write(’《param name=“allowScriptAccess“ value=“sameDomain“》《param name=“movie“ value=“http://www.webjx.com/js/focus.swf“》《param name=“quality“ value=“high“》《param name=“bgcolor“ value=“#F0F0F0“》’);
document.write(’《param name=“menu“ value=“false“》《param name=wmode value=“opaque“》’);
document.write(’《param name=“FlashVars“ value=“pics=’+pics+’&borderwidth=’+focus_width+’&borderheight=’+focus_height+’“》’);
document.write(’《embed src=“pixviewer.swf“ wmode=“opaque“ FlashVars=“pics=’+pics+’&borderwidth=’+focus_width+’&borderheight=’+focus_height+’“ menu=“false“ bgcolor=“#F0F0F0“ quality=“high“ width=“’+ focus_width +’“ height=“’+ focus_height +’“ allowScriptAccess=“sameDomain“ type=“application/x-shockwave-flash“ pluginspage=“http://www.macromedia.com/go/getflashplayer“ /》’); document.write(’《/object》’);
《/script》
js 效果代码的实现
《style》
#xpt{width:60px;border:1px solid #333;height:30px;line-height:30px;}
《/style》
《div class=“daohang-left“》《a class=“lwz“》EN《/a》《a class=“lwz“》中文《/a》
《label id=“ss“》搜索《/label》《input type=“text“ id=“xpt“》《/div》
//..引入jQuery.js
《script》
$(“#ss“).click({
$(“#xpt“).toggle();
});
《/script》
toggle 实现 隐藏 就显示,显示就隐藏的效果 ,先定义好搜索框的宽度为60 就好了。如果不是60,你也只需要写一个class 定义一个端度,然后toggleClass(“xxxx“) 就可以 了。
简单JS效果
《tr》
《td width=“15%“ height=“20“ bgcolor=“#F6F6F6“》
A
《/td》
《td id=more bgcolor=“#FFFFFF“》
《input type=file name=upload》
《input type=button value=’更多’ onclick=addMore()》
《/td》
《td bgcolor=“#FFFFFF“》《/td》
《td bgcolor=“#FFFFFF“》《/td》
《/tr》
《tr》
《td width=“15%“ height=“20“ bgcolor=“#F6F6F6“》
是否
《/td》
《td id=more bgcolor=“#FFFFFF“》
《input name=“wendang.onfenjuan“ type=“radio“ value=“0“
onClick=“changeText(’A’);“》
否
《input type=“radio“ name=“wendang.onfenjuan“ value=“1“
onClick=“changeText(’B’);“》
是
《/td》
《td bgcolor=“#FFFFFF“》《/td》
《td bgcolor=“#FFFFFF“》《/td》
《/tr》
《tr bgcolor=“#FFFFFF“ id=“img“ style=“display: none“》
《div id=“B“》
《td》
B:
《/td》
《td》
《s:textfield name=“wendang.countjuan“ value=““ /》
《input type=“button“ value=“增加“ onclick=“return FileForm();“ /》
《/td》
《/div》
《div id=“A“》
《td》
A:
《/td》
《td》
《s:textfield name=“你的名字“ value=““ /》
《/td》
《/div》
《td bgcolor=“#FFFFFF“》《/td》
《td bgcolor=“#FFFFFF“》《/td》
《/tr》
《script type=“text/javascript“》
function changeText(type){
var div1 = document.getElementById(“A“);
var div2 = document.getElementById(“B“);
if(’B’==type){
div1.style.display=“none“;
div2.style.display=“block“;
}else{
div1.style.display=“block“;
div2.style.display=“none“;
}
}
《/script》
js如何实现惯性滑动效果
主要思路是:鼠标当前点到下一点直接间隔计算出速度。这样就实现了惯性滑动效果。
下面是简单的js代码实现:仅供参考:
《style》
#div1{ width:100px; height:100px; background:red; position:absolute; left:0px; top:0;}
《/style》
《script》
window.onload=function(){
var oDiv=document.getElementById(’div1’);
var iSpeedX=0;
var iSpeedY=0;
var lastX=0;
var lastY=0;
var timer=null;
oDiv.onmousedown=function(ev){ //div的鼠标按下事件,主要计算鼠标当前位置,和移动位置。这样可以计算出鼠标移动速度。
var oEvent=ev || event;
var disX=oEvent.clientX-oDiv.offsetLeft;
var disY=oEvent.clientY-oDiv.offsetTop;
clearInterval(timer);
document.onmousemove=function(ev){ //鼠标拖动事件。
var oEvent=ev || event;
oDiv.style.left=oEvent.clientX-disX+’px’;
oDiv.style.top=oEvent.clientY-disY+’px’;
iSpeedX=oEvent.clientX-lastX;
iSpeedY=oEvent.clientY-lastY;
lastX=oEvent.clientX;
lastY=oEvent.clientY;
}
document.onmouseup=function(){ //当鼠标抬起后,清掉移动事件。
document.onmousemove=null;
document.onmouseup=null;
oDiv.releaseCapture && oDiv.releaseCapture();
startMove();
}
oDiv.setCapture && oDiv.setCapture();
return false;
}
function startMove(){ //移动函数,主要操作是计算鼠标移动速度和移动方向。
clearInterval(timer);
timer=setInterval(function(){
iSpeedY+=3;
var t=oDiv.offsetTop+iSpeedY;
var l=oDiv.offsetLeft+iSpeedX;
if(t》document.documentElement.clientHeight-oDiv.offsetHeight){
t=document.documentElement.clientHeight-oDiv.offsetHeight;
iSpeedY*=-0.8;
iSpeedX*=0.8;
}
if(t《0){
t=0;
iSpeedY*=-0.8;
iSpeedX*=0.8;
}
if(l》document.documentElement.clientWidth-oDiv.offsetWidth){
l=document.documentElement.clientWidth-oDiv.offsetWidth;
iSpeedX*=-0.8;
iSpeedY*=0.8;
}
if(l《0){
l=0;
iSpeedX*=-0.8;
iSpeedY*=0.8;
}
oDiv.style.left=l+’px’;
oDiv.style.top=t+’px’;
if(Math.abs(iSpeedX)《1)iSpeedX=0;
if(Math.abs(iSpeedY)《1)iSpeedY=0;
if(iSpeedX==0 && iSpeedY==0 && t==document.documentElement.clientHeight-oDiv.offsetHeight){
clearInterval(timer);
}
document.title=i++;
},30);
}
};
《/script》
《/head》
《body》
《div id=“div1“》《/div》
《/body》
从网上下载的 js 图片轮播特效代码 如何将代码添加到body的制定位置
css特效文件一般情况下都有指定位置的,比如是放在head里面或是body里面的,这是中国上搜的一些css特效文件的用法,一般情况下都有注明的。js文件添加到页面去更简单了,把js文件放到你的中国页同级目录或是其他目录,然后你直接将此js文件直接拖到你的中国页里面,然后前台页面调用即可