经典网页特效500例源代码整理(网站特效源码)
网页特效
1.(背景图片普遍类)
style
body{background-image:url(图片地址);
background-repeat:no-repeat;background-position:center}
/style
说明:以上代码为网页背景图片固定代码!网页背景图片固定代码,这样,当向下拉网页时,网页背景图片不会跟着向上移动,达到不动的目的!
2.(背景图片综合类)
P class=style6 /P/SPANSPAN
TABLE width="100%"
TBODY
TR
TD class=ArticleTitle align=left
DIV id=divTitle style="FONT-SIZE: 30px"B/B /DIV/TD/TR
TR
TD class=ArticleContent style="FONT-SIZE: 30px; LINE-HEIGHT: 150%" align=left
CENTER /CENTER
STYLE type=text/css!--body {background-image:url( 图片地址);
background-repeat:no-repeat;
background-attachment:fixed;background-position:50% 50%}/STYLE
/TD/TR/TBODY/TABLE/SPAN
说明:
no-repeat;(不平铺)
改为这个repeat(平铺)
本文来源于 梦飞扬工作室 原文链接:;dname=AMTCB41xpos=25
网页特效代码
1.这个特效的代码我复制在文本改后缀打开,效果大打折扣,为什么?
你再仔细的看下代码这段
ILTER: progid:dximagetransform.microsoft.gradientwipe(duration=1); BEHAVIOR: url(images/xs.htc)
这段是CSS,其中BEHAVIOR: url(images/xs.htc)表示网页背景文件,如果你单纯的复制代码没有对应的背景文件,效果当然大打折扣了
2.还有每次打开自做的网也上面都有个安全提示,很麻烦,怎么关?
因为这段代码用了JS,本机测试机器会有提示
这是IE高版本增加的安全限制,你可以在 工具-internet 选项-安全-自定义里来更改脚本安全级别,但不建议你这样,这样改了很容易中网页木马
急急急!求js特效网页弹窗广告代码,需要详细说明
把div id="msg_win" style="display:block;top:490px;visibility:visible;opacity:1;"?? 到/script的内容放到网页里面,可以是最后面,就行
Web前端工程师应该知道的经典代码
今天小编要跟大家分享的文章是关于Web前端工程师应该知道的经典代码。Web工程师作为一名程序员,每天坐在电脑前敲敲打打那些重复重复再重复的语句,习惯性的思维总是被套进去,有些时候很容易把简单的事情想复杂了!不过,我们反其道而行之,新手们只要是把下面的语句牢记,很多情况下都是会事半功倍的!下面就让我们一起来学习一些这些代码都是什么吧,希望能够对你有所帮助。
1.将彻底屏蔽鼠标右键,无右键菜单
也可以用于网页中Table框架中
no
2.取消选取、防止复制
3.不准粘贴
4.防止复制
5.IE地址栏前换成自己的图标
说明:关于favicon.ico文件的制作。你可以先在FW中做一个图片,属于你自己站点一个小图标。然后在ACD
see将文件属性改为*.ico,然后将你做的*.ICO文件传到你的服务器目录中,然后就可以使用以上代码来实现,当别人登陆你的站点时,地址栏里使用的就是你自定义的图标了。
6.可以在收藏夹中显示出你的图标
说明:制作方法和上面的一样。只是显示的方式不同,这个是在别人收藏你的网页地址时显示的个性图标。
7.关闭输入法
说明:这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。
8.永远都会带着框架
说明:frames.htm为你的网页,这也是保护页面的一种方法
9.防止被人frame
10.网页将不能被另存为
说明:的用法很广,其中一条就是可以使JS广告失效。
11.查源文件
onclick=window.location='view-source:'+target=_blank#/test.htm';
12.COOKIE脚本记录,有很大的用处哦
functionget_cookie(Name){
varsearch=Name+=
varreturnvalue=;
if(documents.cookie.length0){
offset=documents.cookie.indexOf(search)
if(offset!=-1){//ifcookieexists
offset+=search.length
//setindexofbeginningofvalue
end=documents.cookie.indexOf(;,offset);
//setindexofendofcookievalue
if(end==-1)
end=documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset,end))
}
}
returnreturnvalue;
}
functionloadpopup(){
if(get_cookie('popped')==''){
openpopup()
documents.cookie=popped=yes
}
}
说明:以上是JS代码,请自己加起始符和结束符
13.内框架使用
Iframe标记的使用格式是:
ame=main
src:文件的路径,既可是HTML文件,也可以是文本、ASP等
width、height:内部框架区域的宽与高;
scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出现滚动条;如为Yes,则显示;
FrameBorder:区域边框的宽度,为了让“内部框架“与邻近的内容相融合,常设置为0。
name:框架的名字,用来进行识别。
比如:当你想用父框架控制内部框架时,可以使用:target=框架的名字来控制。
例子:
14.自动跳转
在源代码中的加入如下代码:
charset=gb2312
说明:content=3表示3秒刷新到URL
15.如何改变链接的鼠标形状
只需在链接上加上这一代码就行的了
或者跟上面的用CSS写也行
style=cursor:hand
style=cursor:crosshair
style=cursor:text
style=cursor:wait
style=cursor:move
style=cursor:help
style=cursor:e-resize
style=cursor:n-resize
style=cursor:nw-resize
style=cursor:w-resize
style=cursor:s-resize
style=cursor:se-resize
style=cursor:sw-resize
上面介绍的代码你只需要加到连接或是页面的style区里就可以实现鼠标多样化。
以上就是小编今天为大家分享的关于Web前端工程师应该知道的经典代码的文章,希望本篇文章能够对正在正在从事Web前端工作的小伙伴们有所帮助,想要了解更多Web前端知识的小伙伴记得关注北大青鸟Web培训官网哦,最后祝愿小伙伴们工作顺利~
本文转载自java雪豹软件工作室(ID:czh_668899)
*声明:内容与图片均来源于网络(部分内容有修改),版权归原作者所有,如来源信息有误或侵犯权益,请联系我们删除或授权事宜。
回答于?2022-11-04
详情
该链接由问题回答方推荐
官方电话
在线客服
官方服务
官方网站
领学习资料
计算机培训
设计培训
编程培训
抢首赞
已踩
查看全部1个回答
立即下载
— 为你推荐更多精彩内容 —
正在加载
加载失败 点击重新加载
微信
微博
QQ空间
答案纠错
举报
取消
赞赏答主
5
10
50
100
200
已赞赏0财富值
合计:0 财富值
登录后赞赏
选择举报类型
侵犯版权
色情低俗
涉嫌违法犯罪
时政信息不实
垃圾广告
低质灌水
工作人员会在48小时内处理,处理结果请关注系统通知,感谢您对百度知道的支持。
确定
void function(a,b,c,d,e,f){function g(b){a.attachEvent?a.attachEvent("onload",b,!1):a.addEventListener&&a.addEventListener("load",b)}function h(a,c,d){d=d||15;var e=new Date;e.setTime((new Date).getTime()+1e3*d),b.cookie=a+"="+escape(c)+";path=/;expires="+e.toGMTString()}function i(a){var c=b.cookie.match(new RegExp("(^| )"+a+"=([^;]*)(;|$)"));return null!=c?unescape(c[2]):null}function j(){var a=i("PMS_JT");if(a){h("PMS_JT","",-1);try{a=a.match(/{["']s["']:(\d+),["']r["']:["']([\s\S]+)["']}/),a=a&&a[1]&&a[2]?{s:parseInt(a[1]),r:a[2]}:{}}catch(c){a={}}a.r&&b.referrer.replace(/#.*/,"")!=a.r||alog("speed.set","wt",a.s)}}if(a.alogObjectConfig){var k=a.alogObjectConfig.sample,l=a.alogObjectConfig.rand;d="https:"===a.location.protocol?""+d:""+d,k&&l&&l>k||(g(function(){alog("speed.set","lt",+new Date),e=b.createElement(c),e.async=!0,e.src=d+"?v="+~(new Date/864e5)+~(new Date/864e5),f=b.getElementsByTagName(c)[0],f.parentNode.insertBefore(e,f)}),j())}}(window,document,"script","/hunter/alog/dp.mobile.min.js");
window.tt = 1677630986;
求网页飘雪花源代码
把下列代码加到网页的Body/Body标签之间
head
title:::飘雪花效果:::网页特效代码:::失落网家园;/title
/head
BODY bgcolor="#000000"
SCRIPT language=JavaScript1.2
var snowsrc="img/snow.gif"
var no = 10;
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height =600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"a href=\"\"img src='"+snowsrc+"' border=\"0\"/a/layer");
} else {
document.write("layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"img src='"+snowsrc+"' border=\"0\"/layer");
}
} else if (ie4up) {
if (i == 0) {
document.write("div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"a href=\"\"img src='"+snowsrc+"' border=\"0\"/a/div");
} else {
document.write("div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"img src='"+snowsrc+"' border=\"0\"/div");
}
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", 10);
}
function snowIE() { // IE main animation function
for (i = 0; i no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", 10);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
/SCRIPT
table border="0" width="100%" cellpadding="0"
tr
td width="100%"font color="#ffffff" size="2"b飘雪花效果/b注意保存这个图片(img border="1" src="img/snow.gif" width="16" height="17")/font/td
/tr
tr
td width="100%"
/table
script language="JavaScript" type="text/javascript" src="js.js"/scripttr/body
/html