网页常用代码

最新推荐文章于 2023-12-18 21:45:59 发布
最新推荐文章于 2023-12-18 21:45:59 发布
阅读量754 收藏 2
点赞数
分类专栏： 代码仓库 文章标签： behavior filter table javascript up iframe
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/foujoelxq/article/details/4242832
版权
◆加入收藏夹

<span style="CURSOR: hand" onClick="window.external.addFavorite(''http://calm-sea.com/blog/'',''VOE BLOG)" title="VOE BLOG">收藏本站</span>

 ◆设为首页

<span οnclick="var strhref="/window.location.href";this.style.behavior=''url(#default#homepage)'';this.setHomePage(''http://ahtc6.shineblog.com'');" style="CURSOR: hand">设为首页</span>

 ◆刷新

<a href="javascript:location.reload()" target="_self">刷新</a>

 ◆返回上一页

<a href="javascript:history.back(-1)">返回上一页</a>

 ◆禁止他人iFrame你的网页

<Script LANGUAGE="JavaScript">
if(self!=top){top.location=self.location;}
</script>

 ◆iFrame别人的网页

<iframe src="完整网址" width=数值 height=数值 frameborder=0/1/no/yes scrolling=auto/yes/no></iframe>

 ◆最大化窗口
<OBJECT id="max" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM name="Command" value="Maximize"></OBJECT>
<a href="#1" οnclick="max.Click()">最大化</a>

 ◆最小化窗口

<object id=minimize type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Minimize"></object>
<a href="#1" οnclick="minimize.Click()">最小化</a>

 ◆关闭窗口

<a href="javascript:window.close()">关闭窗口</a>

 ◆禁止复制、使用右键等

在<body>里加入：

οncοntextmenu="return false" οndragstart="return false" onselectstart="return false" οnselect="document.selection.empty()" οncοpy="document.selection.empty()"onbeforecopy="return false" οnmοuseup="document.selection.empty()"
 

1)贴图：<img src="图片地址">

2)加入连接：<a href="所要连接的相关地址">写上你想写的字</a>

3)在新窗口打开连接：<a href="相关地址" target="_blank">
写上要写的字</a>

4)移动字体(走马灯)：<marquee>写上你想写的字</marquee>

5)字体加粗：<b>写上你想写的字</b>

6)字体斜体：<i>写上你想写的字</i>

7)字体下划线: <u>写上你想写的字</u>
8)字体删除线: <s>写上你想写的字</s>
9)字体加大: <big>写上你想写的字</big>

10)字体控制大小：<h1>写上你想写的字</h1>
 
 (其中字体大小可从h1-h5,h1最大，h5最小)

11)更改字体颜色：<font color="#value">写上你想写的字</font>
 
(其中value值在000000与ffffff(16位进制)之间

12)消除连接的下划线：<a href="相关地址"
 
style="text-decoration:none">写上你想写的字</a>

13)贴音乐：<embed src="音乐地址" width="宽度" height="高度" autostart=false> 

14)贴flash: <embed src="flash地址" width="宽度" height="高度">

15)贴影视文件：<img dynsrc="文件地址"
 
width="宽度" height="高度" start=mouseover> 

16)换行：<br>

17)段落：<p>段落</p>

18)原始文字样式：<pre>正文</pre>

19)换帖子背景：<body background="背景图片地址">

20)固定帖子背景不随滚动条滚动：<body background="
 
背景图片地址" body bgproperties=fixed>

21)定制帖子背景颜色：<body bgcolor="#value">(value值见10)

22)帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>

23)贴网页：<iframe src="相关地址" width="宽度" height="
 
高度"></iframe> 
    
24)在签名的地方输入代码：
 
<img src=http://你的图片地址>
 
例如：<img src=http://bbs.qq.com/bbs_images/10706/A1091798776_16355.jpg>
 
怎么使图片（文字）滚动起来－－－－－在签名的地方加入代码：
<marquee>文字或图片<img src=http://你的图片地址></marquee>
 
例如：<marquee>我的心要你稱頌耶和華阿多乃
 
（我的主）<img src=http://bbs.qq.com/bbs_images/10706/
 
A1091798776_16355.jpg></marquee>
 
 
25)在帖子里加入代码
 
背景加入音乐代码：
<bgsound balance=0 src="http://218.75.11.126/mp3/liang.mp3" volume=-600
loop=infinite>
（<bgsound src="http://??" loop=3> ??指文件所在位置，loop是循环次数；最好不加mp3，那个比较大，等待时间长）
 

让生命去等候！

<CENTER>
<TABLE cellSpacing=0 cellPadding=0 background=http://bbs.sbrw.org/UploadFile/2004-6/2004626171411674.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE align=center bgColor=yellow>
<TBODY>
<TR>
<TD><FONT face=华文琥珀 color=#336699><FONT size=7><B><EM><FONT face=隶书>让生命去等候</FONT>！</EM></B></FONT></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER>

 

<DIV style="FILTER: shadow(color=#6495ED, strength=60); WIDTH: 480px"><FONT face=华文彩云 color=#9932cc size=7><B>
<CENTER><BR>论坛</B></CENTER></FONT>
<P></P></DIV>

文字设制

一，文字基本设制

基本代码如下：

<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>

align=center　表示字体居中，可选值为居右（right）居左（left）



color=颜色代码　具体颜色代码可参照： 颜色选取 ＜＜点击查看


face=字体　常用字体为：宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等

size=字体大小，这里的最大值为7　取值越大文字就越大

二，大字体文字

效果：

数到三就不哭


代码：

<font style=font:40pt face=新宋体 color=#ff0000>插入文字</font>

font:40pt　数值越大文字就越大。

三，移动文字设置：

基本代码1：

<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>

说明：direction=移动方向　可选值为向上(up)　向下(down)　向左(left)　向右(right)

基本代码2：

<marquee behavior=移动效果>插入文字</marquee>

说明：

behavior=scroll 一圈一圈绕着走　

behavior=slide

只走一次　behavior=alternate 来回走

停停走走：

效果如：

数到三就不变

代码如下：

<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>

四，文字特效显示：

效果一：

数到三就不哭

原代码：

<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>数到三就不哭</B></FONT></CENTER>

效果二：

数到三就不哭

原代码：

<CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>数到三就不哭</B></FONT></CENTER>

效果三：

数到三就不哭

原代码：

<CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; POSITION: relative; LINE-HEIGHT: 150%; WIDTH: 450px">数到三就不哭</FONT></CENTER>

效果四：

screen.width-500)this.style.width=screen.width-500;" onmousewheel="return bbimg(this)">
数到三就不哭

原代码：

<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460 <IMG src="http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif"><FONT color=red face=楷体_gb2312 size=7>数到三就不哭</FONT></MARQUEE></MARQUE></MARQUEE>

效果五：


欢迎你朋友

友朋你迎欢

 

原代码：

<FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>欢迎你朋友</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=240>友朋你迎欢</MARQUEE></FONT></FONT>

注明：在用这种效果时，文字移动范围的宽width的取值很重要，两段文字移动范转的width取值和一定要小于背景层width的取值。

欢迎！ 蔷薇花雨 我喜欢我论坛

 
代码:

<font style="font-size: 50pt; filter: shadow(color=#af2dco); width: 100%; color: #730404; line-height: 100%; font-family: 华文行楷" size=6>欢迎！</font>

<font face=@方正姚体 size=7><b><i><font color=#a69a2f>蔷</font><font color=#c0ba55>薇</font><font color=#dada7c>花</font><font color=#f5faa3>雨</font></i></b></font>

<font color="#ff0000">我</font><font color="#d52a00">喜</font><font color="#ab5400">欢</font><font color="#817e00">我</font><font color="#57a800">论</font><font color="#2dd200">坛</font>

 

欢迎光临

<TABLE height=79 cellSpacing=0 cellPadding=0 width="90%" align=center background=http://bbs.guqu.net/UploadFile/2004-12/20041230235630410.gif border=0><TBODY><TR><TD><DIV align=center><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=fusia); WIDTH: 100%; COLOR: lime; LINE-HEIGHT: 150%; FONT-FAMILY: 文鼎香肠体"><B>欢迎光临粉红唯美</B></FONT></DIV></TD></TR></TBODY></TABLE>

 

欢迎光临

<P><FONT style="FONT-SIZE: 38pt; FILTER: shadow(color=#ffffff); WIDTH: 78.35%; COLOR: #f4deaa; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云; HEIGHT: 76px"><B>欢迎光临粉红唯美</B></FONT></P>

欢迎光临

<TABLE cellSpacing=0 cellPadding=0 align=center background=http://bbs.guqu.net/UploadFile/2004-12/20041230234052944.gif><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE align=center background=http://bbs.guqu.net/showimg.asp?BoardID=10&filename=2004-12/2004123015039658.bmp><TBODY><TR><TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#336699><B>欢迎光临</B></FONT><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#336699><BR>秋叶片片之粉红唯美</FONT><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 48pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#336699> </FONT></B></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR></DIV><P></P>

 

 

秋叶片片

 

<DIV align=center><TABLE cellSpacing=0 borderColorDark=#fdf8b4 cellPadding=0 width="80%" borderColorLight=#fdf8b4 background=http://bbs.guqu.net/UploadFile/2004-12/2004123111632689.jpg border=1><TBODY><TR><TD align=middle width="100%"><TABLE cellSpacing=0 cellPadding=0 align=center background=http://bbs.guqu.net/UploadFile/2004-12/2004123111632396.gif><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE align=center background=http://bbs.guqu.net/UploadFile/2004-12/2004123111632689.jpg><TBODY><TR><TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_gb2312 color=#336699><B>秋叶片片之粉红唯美</B></FONT></TD></TR></TBODY></TABLE></TD></TR>

</TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

 

秋叶片片

<P align=center><TABLE cellSpacing=0 cellPadding=0 align=center background=http://bbs.guqu.net/UploadFile/2004-12/2004123112250116.gif><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE cellSpacing=0 cellPadding=0 align=center background=http://bbs.guqu.net/UploadFile/2004-12/2004123112250151.jpg><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 50pt" face=华文行楷 color=#336699><B><EM>秋叶片片之粉红唯美</EM></B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

 

秋叶片片

 

 


 

 

 

 

秋叶片片

秋 叶片片

秋叶

字跳舞

秋叶片片




 

 

秋叶片片


 
秋叶片片


 

 

秋叶片片

 

 




 

 

 

 

秋叶片片

秋叶片片

秋叶



 

 

 

秋叶片片

秋叶片片



 

秋叶片片

秋叶

 

秋叶




 


 

秋叶
 

 

 
秋叶片片

 
 


秋叶片片 
 


 
 

 
秋叶片片
 
 

喜欢就好
快乐最重要
 
 

秋你叶来欢坐迎坐

foujoelxq
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
网页常用代码 比较基础的东西
09-28
都是一些网页设计中，常用到的代码，IE only,如果需要考虑到兼容性，可以参考脚本之家之前发布的文章。
squid：http和https的代理服务器设置指南(MacOS版）
知行合一 止于至善
09-16 4480
之前曾经介绍过在Linux的CentOS 7上安装squid 3.5来实现http和https的步骤，这篇文章验证一下在MacOS上的使用过程。
美化代码，让页面更优雅！使用「页面代码美化」模块，让您的代码一目了然！
qq_26450889的博客
06-05 1057
它能够自动识别页面中的代码块，并通过优化缩进、高亮关键字、添加行号等方式，让代码更加清晰、易读。美化后的代码不仅仅是为了外观，它还有助于提高代码的可读性和维护性。通过清晰的缩进、注释的高亮显示和易于识别的关键字，其他开发人员可以更轻松地理解和修改您的代码。在网页设计和开发的过程中，优雅的代码是不可或缺的。如果您想要让您的页面代码更加美观、易读，那么不要错过「页面代码美化」模块！无需繁琐的手动调整，您的代码将在页面上呈现出一种令人愉悦的样式。立即体验「页面代码美化」模块，让您的代码在页面上焕发新的光彩吧！
HTML+CSS 主页面美化的详细过程及全部代码（美化导航栏+文本框+按钮）
Rover95的博客
07-21 2万+
效果图： 原界面： 先放原界面的代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>WEATHER</title> </head> <body id="weather" style="text-align: center; padding: 5px; backgr
网站美化代码系列（持续更新）
幻影龙王
08-01 2066
网站美化终极奥秘：创作第一，体验第二，避免繁杂，简洁为上！便宜技术猫贴心的为大家托管了文件,采用CDN加速,为小白省去了代码放置烦恼!本文章会不定时进行更新。文章涉及有关参考资料、教程、链接如有侵权请联系我删除！在网站代码放置处或直接在源代码文件添加代码鼠标点击爱心效果<!--鼠标点击爱心效果--> <scripttype="text/javascript"sr...
CSS — 让网页美起来（一）
畅谈、
01-01 2286
CSS，前端三兄弟之二弟，它的出现让我们开始可以制作漂亮的网页（虽然现在有点不太行了）。本文将从介绍 CSS、CSS的选择器、初级美化网页三个部分进行介绍，让我们美化网页不再是难题！
网页制作常用代码
12-03
网页制作常用代码包括 一：文字加粗 倾斜的代码 二：文字链接代码 三：在网站上放图片的代码 四：图片链接代码 五：换行代码 六：文字移动的代码 七：移动图片的代码 八：背景音乐的代码 九：在网站中插入一个...
.net 网页常用代码
11-03
前台页面主要代码，很常用，记住了以后用时免得导出找
HTML---CSS美化网页元素
最新发布
zhoutong2323的博客
12-18 896
语法： 案例 此处演示第一种，剩余几种参考上图。语法： 案例： 语法： font-style中的属性值 normal 使用默认的字体样式 italic 使用斜体字体样式。 oblique 使用倾斜字体样式。 font-weight font-weight属性值 normal 默认值，表示正常粗细 bold 表示粗体 bolder 比normal更粗的粗体。 ighter 比normal更细的粗体
简单常用HTML代码
2301_76469377的博客
07-10 4378
这是我的网站</a><a href="java script.:history.go(-1)">点击后退
html代码美化工具js代码美化
06-05
美化html代码和js代码，如果您是二次开发者，那么您一定需要这个东西，它可以帮您将杂乱无章的代码进行格式化，使其更加友好、易读。
网站网页制作的常用代码大全.docx
11-04
。。。
python编写网页美化_python代码美化工具
weixin_39923599的博客
11-29 305
以下使用均为在pycharm中一、.Pycharm自带重定格式ctrl + alt + Lctrl + alt + shift + L 查看重定格式历史记录二、autopep8最简单的是使用pip install autopep81.下载autopep8，使用Project Interpreter​2.进入settings-tools-external tools添加配置​3.填写配置内容name...
美化或增加网站功能的一些代码
ANYharding的专栏
05-04 1万+
1、在您的网页上填加水滴、雪花等效果　　以上是水滴效果，如果用以下地址代替上面的http://www.china-holiday.com/images/flash/009.swf，效果分别如以下括弧中所示：http://www.china-holiday.com/images/flash/005.swf   (雪花效果)http://www.china-holiday.com/imag
CSS3---美化网页详解
没有简介
05-06 254
利用CSS3来进行网页的美化
50种css常用的代码（实用）
m0_64590669的博客
12-15 3599
50种css常用的代码（实用）
给浏览器开挂，超好用的全平台快捷指令工具推荐
kxtxdy的博客
09-09 6417
wn万能命令是一个在线工具快捷跳转平台，将各种高质量的在线工具按应用站点聚合起来，让你以方便快捷好记的方式寻找和使用网页型在线平台。 比如下载视频、网页翻译、商品历史价格查询、文档下载、网页截屏等……
网页html代码大全
热门推荐
alashan007的博客
02-23 9万+
常用HTML代码解释 一、文字1.标题文字&lt;h#&gt;..........&lt;/h#&gt; #=1~6；h1为最大字，h6为最小字 2.字体变化&lt;font&gt;..........&lt;/font&gt; 【1】字体大小&lt;font size=#&gt;..........&lt;/font&gt; #=1~7；数字愈大字也愈大【2】指定字型&lt;font face=...
网页万能命令[wn.run/]
qq_37280534的博客
07-01 1万+
网页万能命令[wn.run/]： 在当前网站加上wn.run/前缀，可用于百度文件库、视频等网页。
css常用代码大全文库
10-16
CSS常用代码大全文库是一个收集了大量常用的CSS代码的资源库。在这个文库中，你可以找到各种不同类型的CSS代码，包括布局代码、样式代码、动画代码等等。这些代码可以帮助你实现各种不同的样式效果，提升网页的视觉...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值