当前位置：首页 » 网站代码 » 代码效果网站

代码效果网站

发布时间: 2021-03-21 08:31:36

『壹』急需网页特效代码 100分!

<marquee
scrolldelay="0"
direction="left"
onmouseover="this.stop()"
onMouseOut="this.start()">这是能让图会滚动的代码，下面放几张图就行了！不过你得用你自己的图，下面的路径不一样！！！
<a
href="#">
<img
src="https://img.sogoucdn.com/v2/thumb/?appid=200698&url=fy_iceworld0000.bmp"
width="140"
height="133"></a>
<a
href="#">
<img
src="https://img.sogoucdn.com/v2/thumb/?appid=200698&url=fy_iceworld0001.bmp"
width="140"
height="133">
</a>
<a
href="#">
<img
src="https://img.sogoucdn.com/v2/thumb/?appid=200698&url=fy_iceworld0006.bmp"
width="140"
height="133">
</a>
<a
href="#">
<img
src="https://img.sogoucdn.com/v2/thumb/?appid=200698&url=de_aztec0000.bmp"
width="140"
height="133">
</a>
<a
href="#">
<img
src="https://img.sogoucdn.com/v2/thumb/?appid=200698&url=de_st0002.bmp"
width="151"
height="131">
</a>
<a
href="#">
<img
src="https://img.sogoucdn.com/v2/thumb/?appid=200698&url=de_st0005.bmp"
width="148"
height="132">
</a>
<a
href="#">
<img
src="https://img.sogoucdn.com/v2/thumb/?appid=200698&url=de_st20001.bmp"
width="154"
height="130">
</a>
<a
href="#">
<img
src="https://img.sogoucdn.com/v2/thumb/?appid=200698&url=de_st20003.bmp"
width="137"
height="130">
</a>
<a
href="#">
<img
src="https://img.sogoucdn.com/v2/thumb/?appid=200698&url=de_st20007.bmp"
width="135"
height="131"></a>
</marquee>

『贰』看网站代码效果

要先弄清楚你的网站代码是什麽做的，如：asp, php ,aspx,或是html网站
如果是asp, php ,aspx那些动态网站，那是需要安装相关环境的如：asp需要安装IIS,php需要安装apache...才能通过IE正常打开的

『叁』网页特效代码

在HTML文件中添加网页特效代码，一般有三种情况。

第一，只加在HTML文件头部，即HTML文件中<head>……</head>之间的代码。这类代码只需要加在这个部分，即可达到预期的效果。

第二，只加在HTML文件体部。即HTML文件中<body>……</body>之间的代码。这类代码只需要加在这个部分，即可达到预期的效果。如在你题目中提到的就属于这一类。

除上述情况外，多数代码需要先在头部（<head>……</head>之间）在上一些属性性质的代码，但是特效的主代码需要添加在体部（body>……</body>之间），否则，特效不能正常显示，有时还会出现错误，影响整个页面的正常显示。

添加特效代码的方法：
先要用HTML编辑软件，如常见的文本编辑器“记事本”，打开需要编辑的文件，根据特效代码的要求，在文件中找到相应位置，复制，粘贴特效代码，保存即可。修改完毕后，即可在浏览器中看到相应的效果。

在添加的时候一定要注意，一定要按照特效源码的要求添加，此外，还要保证源码的完整性，一个标点符号都不能少，也不能多。

另外要说的是，根据我的经验，直接从网上复制来的代码，不一定都能直接粘贴了用，一部分必须通过一个软件来中转。比如，先把网上的代码复制后，粘贴到“记事本”中，然后再复制、粘贴到相应的文件位置上。

最后，介绍你几个经典网页特效站。
1、网页特效集锦：http://www.helpor.net
2、javascript网页特效：http://www.baron.com.cn/javascript
3、万旭网页特效：http://js.wanxu.com
4、网页特效梦工厂：http://www.zlce.net/web
5、网页制作大宝库网页特效大全：http://www.dabaoku.com/texiao

『肆』求网页特效代码

打字效果的文字特效[修改显示的文字即可]
[根据下面的说明进行共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+"</font><font 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>

『伍』寻找漂亮网页效果的代码

网页效果代码集合

1。忽视右键
<body oncontextmenu="return false">或<body style="overflow-y:hidden">

2。加入背景音乐
IE:<bgsound src="*.mid" loop=infinite>
NS:<embed src="*.mid" autostart=true hidden=true loop=true></embed>
*.mid你的背景音乐的midi格式文件

3。简单的window.open方法
<a href="#"
onclick="javascript:window.open('文件路径/文件名','newwindow',
'toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,
width=400,height=300');">文字或图片</a>

参数解释：
<SCRIPT LANGUAGE="javascript"> js脚本开始；
window.open 弹出新窗口的命令；
'文件路径/文件名'' 弹出窗口的文件名；
'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；
width=400 窗口宽度；
height=300 窗口高度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
toolbar=no 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小，yes为允许；
location=no 是否显示地址栏，yes为允许；
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
</SCRIPT> js脚本结束

4。简单的页面加密
<script LANGUAGE="JAVASCRIPT">

</script>

5。拉动页面时背景图不动
<style>
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center}
</style>

6。让浏览器在保存页面时保存失败
<NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT>

7。随机替换图片
<script>
document.write('<img src="img/'+parseInt(Math.random()*(5))
+'.gif"height="40" width="50">')
</script>

图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif

8。窗口定时关闭
先将如下代码网页文件的区：
<script language="JavaScript">
function closeit() { setTimeout("self.close()",10000) //毫秒 }
</script>
然后再在<body>标内加入如：<body onload="closeit()">

9。网页自动关闭
<html>
<head>
<object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body onload="window.setTimeout('closes.Click()',10000)">
这个窗口会在10秒过后自动关闭,而且不会出现提示.
</body>
</html>

10。网页自动刷新
在head部记入
<META HTTP-EQUIV="Refresh" content="20">
其中20为20秒后自动刷新，你可以更改为任意值。

11。网页自动转页
<META HTTP-EQUIV="Refresh" CONTENT="时间(秒);URL=地址">

12。保持layer在最前面，而不被Iframe、Object所覆盖
在Layer中再插Iframe 或 Object 设z-Index值
<div z-Index:2><object xxx></object> ＃前面
<div z-Index:1><object xxx></object> ＃后面
<div id="Layer2" style="position:absolute; top:40;width:400px;
height:95px;z-index:2"> height=100% width=100%>
<iframe width=0 height=0></iframe>
</div>
<div id="Layer1" style="position:absolute; top:50;width:200px;
height:115px;z-index:1">
<iframe height=100% width=100%></iframe>
</div>

13。返回上一页
<a href='javascript:history.back(1)'>『返回上一页』</a>

14。关闭窗口
<a href='javascript:self.close()'>『关闭窗口』</a>

15。关于iframe的透明背景
<IFRAME ID="iFrame1" SRC="iframe.htm"
allowTransparency="true"
STYLE="background-color: green"></IFRAME>

『陆』怎么做这样一款网站特效代码

鼠标特效代码

<html>
<head>
<title>柏艾尔|boaer.com|---鼠标触碰会动的图片</title>
</head><BODY>
<!--将以下代码加入HTML的<Body></Body>之间-->
<style>
.shakeimage{
position:relative
}
</style>

<imgsrc="https://gss0.bdstatic.com/7Ls0a8Sm1A5BphGlnYG/sys/portrait/item/.jpg"class="shakeimage"onMouseover="init(this);rattleimage()"onMouseout="stoprattle(this)"width="176"height="144">
<scriptlanguage="JavaScript1.2">
varrector=3
varstopit=0
vara=1

functioninit(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}

functionrattleimage(){
if((!document.all&&!document.getElementById)||stopit==1)
return
if(a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
elseif(a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
elseif(a==3){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if(a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}

functionstoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}

</script>
</body></html>

<br><br><hr>代码来自互联网，只为兴趣与学习交流，不作商业用途。</font></p>

『柒』有什么好的网页特效代码网站

你在网上搜jquery特效,大把的特效,都是应用很多,很主流的特效,基本上你想要用到的都能找到.而且移植也很方便,简单. 希望对你有用.

『捌』网页效果源代码的网站

去懒人图库看下``我这里有`写下了`你看下`图片自己加下``

<html>

<head>
<title>网页特效|Linkweb.cn/Js|---紧随鼠标的流动彩色字串</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>.spanstyle {
COLOR: #0066ff; FONT-FAMILY: 隶书; FONT-SIZE: 14pt; FONT-WEIGHT: normal; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</style>
</head>

<body bgcolor="#ffffff" onload="javascript:pageonload()">
<script language="javascript">

var message="紧随鼠标的流动彩色字串!";
var x,y;
var step=12;
var flag=0;

message=message.split("");
var xpos=new Array();
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50;
}

var ypos=new Array();
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50;
}

function handlerMM(e) {
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX+10;
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY;
flag=1;
}

function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step;
ypos[i]=ypos[i-1];
}
xpos[0]=x+step;
ypos[0]=y;

for (i=0; i<=message.length-1; i++) {
var thisspan = eval("span"+(i)+".style");
thisspan.posLeft=xpos[i];
thisspan.posTop=ypos[i];
thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
}
}
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step;
ypos[i]=ypos[i-1];
}
xpos[0]=x+step;
ypos[0]=y;

for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i);
thisspan.left=xpos[i];
thisspan.top=ypos[i];
thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
}
}
}
</script>

<script language="javascript">
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>");
document.write(message[i]);
document.write("<img src='1104.gif'>");
document.write("<img src='1123.gif'>");
document.write("<img src='1124.gif'>");
document.write("</span>");
}
if (document.layers) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
</script>
<script
language="javascript">
function pageonload() {
makesnake();
window.setTimeout("pageonload();", 2);
}
</script>
</body>
</html>

『玖』代码怎么做像这样的效果，然后在网站后台怎么做发布信息出来时有这样的效果

红框部分相当于产品列表，每个产品可维护标题，产品描述，图片多张，特殊标签，质保期这些，前端做好截图里的样式布局和动态数据绑定，后台维护即可。

『拾』网页代码写好了怎么预览网页效果

1、如果是用文本编辑器如记事本或HTML编辑器之类的软件编写的普通html代码，可另存为Html或htm格式的文件，用IE浏览器打开。
2、若是用Dreamweaver编写的代码，使用快捷键F12即可预览。
3、若该代码设计ASP或.net数据库，需要在电脑上安装IIS组件，具体安装方法可在网络经验或网络文库中找到。

阅读全文

代码效果网站

与代码效果网站相关的阅读推荐