CSS 常用代码

2014-11-21 22:22:21 -0800
<embed src="https://douban.fm/"autostart="true"hidden="true"loop="true"></embed>

音频播放代码:
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="地址"></iframe>
<br>

优酷播放代码
<div id="youkuplayer" style="width:100%;height:270px">&nbsp;</div>
<script type="text/javascript" src="//player.youku.com/jsapi"></script> <script type="text/javascript">
player = new YKU.Player('youkuplayer',{
styleid: '0',
client_id: '358233d6ce776c1d',
vid: 'XMTg4NzI2MTgzNg==',
newPlayer: true
});
</script>

<iframe width="100%" height="100%" src="http://api.xfsub.com/index.php?url=[播放地址或视频id]" allowFullScreen=ture frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>


视频播放代码1:
<center><b></b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src="http://api.bingdou.net/?url="></iframe></center><br>

<center><b></b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src="http://www.82190555.com/index/qqvod.php?url="></iframe></center><br>

<center><b></b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src="http://www.82190555.com/video.php?url="></iframe></center><br>

<center><b></b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src="http://www.wmxz.wang/video.php?url="></iframe></center><br>

<center><b></b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src="http://duowany.com/ckparse/?url="></iframe></center><br>

<center><b></b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src="http://duowany.com/ckparse/?vid="></iframe></center><br>

<center><b>优酷、乐视、搜狐、爱奇艺、腾讯</b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src="http://j.zz22x.com/jx/?url="></iframe></center><br>


<center><b>乐视、爱奇艺、腾讯、搜狐、芒果、优酷、土豆</b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src="http://www.kppev.cn/jiexi/5/1/1.php?url="></iframe></center><br>


<center><b>优酷、乐视、搜狐、爱奇艺</b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src="http://jx.71ki.com/index.php?url="></iframe></center><br>

"></option>
<option value="http://jx.71ki.com/qqvip.php?url=">腾讯vip接口②(腾讯超清)</option>
<option value="http://000o.cc/jx/ty.php?url=">爱奇艺、搜狐、乐视、芒果、优酷</option>
<option value="http://yun.mt2t.com/yun?url=">爱奇艺、搜狐、腾讯、乐视、优酷</option>
<option value="http://yyygwz.com/index.php?url=">爱奇艺、搜狐、乐视、芒果、优酷</option>
<option value="http://www.yydy8.com/Common/?url=">通用vip接口⑦(清晰度一般)</option>
<option value="http://www.97zxkan.com/jiexi/97zxkanapi.php?url=">通用vip接口⑧(清晰度渣)</option>
</select>

<center><b></b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src=""></iframe></center><br>

<center><b></b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src=""></iframe></center><br>

<center><b></b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src=""></iframe></center><br>


<center><b></b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src=""></iframe></center><br>

<center><b></b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src="http://www.tudou.com/programs/view/html5embed.action?code=土豆C值"></iframe></center><br>

<center><b></b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src="http://player.youku.com/embed/优酷C值"></iframe></center><br>

<center><b></b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src="http://dispatcher.video.qiyi.com/common/shareplayer.html?vid=爱奇艺地址"></iframe></center><br>

<center><b></b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src="http://player.cntv.cn/flashplayer/players/htmls/smallwindow.html?pid="></iframe></center><br>

<center><b></b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src="http://www.zxdy52.com/ydisk/yc.php?vid="></iframe></center><br>

<center><b></b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src="http://vip.wanwantv.com/yunparse/?url="></iframe></center><br>

<center><b></b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src="http://yuntv.letv.com/bcloud.html?uu=d955239f11&vu=5394021d90"></iframe></center><br>

<center><b></b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src="http://m.hanjucc.com/plus/d.php?id="></iframe></center><br>

<center><b></b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src="http://www.xiguaso.com/api/yun.php?url=http://vip.wanwantv.com/yunparse/?url="></iframe></center><br>

<center><b></b><br><iframe width="100%" height="270" allowTransparency="true" frameborder="0" scrolling="no" src="http://www.97zxkan.com/jiexi/97zxkanapi.php?url="></iframe></center><br>


视频播放代码2:
<center><b>标题</b><br>
<iframe style="width="320" height="230" scrolling="no" frameborder="0" allowtransparency="true" src="视频地址"></iframe></center><br>

视频播放代码3:
<div id="whole_body" class="wo-main-body wo-mode-visitor"><center><b></b><br><iframe style="width="320" height="230" scrolling="no" frameborder="0" allowtransparency="true" src=""></iframe></div></div><div class="wo-entry-section"></center><br>

<br><marquee direction="left" behavior="scroll" scrollamount="6" width=100% ><b>公告:请勿相信或者点击任何视频广告,本服务使用完全免费!温馨提示:建议用UC浏览器手机版打开此网页,UC浏览器可以下载要播放的视频!</b></marquee><br>

(使用方法:将要播放的VIP视频网址粘贴输入框。目前支持爱奇艺、优酷、乐视、芒果、腾讯……等等VIP视频解析。例如:http://m.iqiyi.com/v_19rrm37l8g.html



<!--==下面的隐藏底部==-->
<div style="display:none"><br>
<br>


/*文件列表底色*/
.file_list li{
background:#fff url(png) no-repeat 8px 7px scroll;
center; text-align:left;
margin-bottom: 7px; font-size: 13px;
background-color: #FFF ;
box-shadow: 0 1px 2.5px rgba(0, 0, 0, 0.2);
padding: 12px 4px 0 12px;}


[ JS ]隐藏分类代码:放到js设置中即可
var wb=document.getElementById("whole_body");

wb.innerHTML=wb.innerHTML.replace(/\<span\sid\=\"ln\-h\"\>.+\n.+/,"");

[ CSS ] 隐藏搜索框:.wo-search-form {display:none;}

[ CSS ]隐藏首页:#ln-h{display:none;}

[ CSS ]隐藏撰文标题:.wo-entry-title{display:none;}

.wo-entry-title {border-bottom:0px;}

[ CSS ]隐藏水平线:wo-entry-time:after,hr{ display:none;}

/*去扩展名*/
.file_list span{
display:none;}

html代码(隐藏输入框)
<style type="text/css"><!--
form{display:none;}
.wo-entry-section form{display:block;}
--></style>

html代码(添加输入框)
<form method="POST" action="http://s.wodemo.com/">
<input type="hidden" name="act" value="file_talk">
<input type="hidden" name="fid" value="留言板ID">
<textarea name="content" cols="15" rows="3"></textarea>
<br><input type="submit" value="提交留言">
</form>

/*纸质条*/
.file_list li{
background:#fff url(png) no-repeat 8px 7px scroll;
center; text-align:left;
margin-bottom: 0.8px; font-size: 14px;
background-color: #FFF ;
box-shadow: 0 5px 1px rgba(0, 0, 0, 0.8);
padding: 5px 2px 0 5px;}

[代码收集]撰文隐藏底部评论框并将评论框提上头部代码:
http://m.xiaows.com/entry/182512

网页制作常用代码
如何去掉超链接的下划线
我们可以用CSS语法来控制超链接的形式、颜色变化。
下面我们做一个这样的链接:未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划线,显示为绿色。
实现方法很简单,在源代码的和之间加上如下的CSS语法控制:
<style type="text/css">
<!--
a:link { text-decoration: none;color: blue}
a:active { text-decoration:blink}
a:hover { text-decoration:underline;color: red}
a:visited { text-decoration: none;color: green}
-->
</style>

其中:
a:link 指正常的未被访问过的链接;
a:active 指正在点的链接;
a:hover 指鼠标在链接上;
a:visited 指已经访问过的链接;
text-decoration是文字修饰效果的意思;
none参数表示超链接文字不显示下划线;
underline参数表示超链接的文字有下划线
同样,如果讲none替换成overline则给超链接文字加上划线,换成line-through给超链接文字加上删除线,blink则使文字在闪烁。

源码之家 2010年06月22日 06:34:45
一:文字加粗 倾斜的代码
◆文字加粗的代码是: <b>你好</b> ◆文字倾斜的代码是: <i>你好!</i> ◆底线字:<u></u>
二:文字链接代码
如果您想点击某处文字会连接到另外一个网页的效果,这是超链接,代码是这样:
<a href="网站地址";>共享空间</a>如果要点了这个文字以后重新打开一个窗口的话,代码是:<a href="网站地址";; target="_blank">共享空间</a>
三:在网站上放图片的代码
如果你看到一个好看的图片想放到网站上,代码是这样的:
<img src="http://www.mycodes.net/wwwimages/n/163logo.gif"; width="150" height="100">
后面的数字调节图片的尺寸大小。
四:图片链接代码
如果要点一下图片就能打开一个网站的链接代码是这样的:
<a href="http://www.163.com";><img src="http://www.mycodes.net/wwwimages/n/163logo.gif"; width="150" height="100"></a>
如果要点一下图片就能打开一个网站的链接,并且重新打开一个窗口。代码是这样的:
<a href="http://www.mycodes.net";; target="_blank"><img src="http://www.mycodes.net/wwwimages/n/163logo.gif"; width="150" height="100"></a>上面的数字都能调节图片尺寸大小。
五:换行代码
如果你想换行,直接用Enter键是不行的,需要在您想换行的位置输入<br>
,这样就会分成两行显示 ,整个网站看起来也不会是一大片了,而是段落分明。
六:文字移动的代码是
<marquee>这里写文字</marquee>
七:移动图片的代码
<marquee><img src="http://www.mycodes.net/images/2002/gamemm/0604/s/36.jpg";><img src="http://www.mycodes.net/images/2002/gamemm/0604/s/13.jpg";><img src="http://www.mycodes.net/images/2002/gamemm/0604/s/30.jpg";><marquee>
把里面的图片地址换成你的就行 想多放一个图片就按照格式在中间插入:
<img src="http://games.tom.com/images/2002/gamemm/0604/s/13.jpg";>
里面的图片地址自己定。
八:背景音乐的代码
如果想在你的网站上放上一段好听的背景音乐,代码是: <bgsound src="http://www.mycodes.net/xxx.mid";loop=10>
<bgsound src="http://www.mycodes.net/midi/music.ASP?id=3073";loop=30> 里面的背景音乐地址你能自己替换。
前面的是音乐地址,一般都以mid或者mp3的形式结尾 后面的数字是播放次数。
http://www.midifan.com/midi/
这个网站都有好的背景音乐
九:在网站中插入一个flash动画的代码是
<embed width=200 height=200
src="http://www.mycodes.net/view/2/fff.swf";> 里面的动画地址换成你的.动画地址都要以swf的形式结尾。这点需要注意。
十:打开网站时候出现的欢迎词代码
<body alert("你好,欢迎访问本网站!")>
十一:关闭网站的时候出现的话
<body onUnload="window.alert('谢谢您的光临,诚邀加盟.请记住本站域名:www.mycodes.net/ 站长信箱:****@yahoo.com.cn 欢迎咨询')">
十二:打开网站的时候自己做一个弹出窗口的广告
<script language="java script">
var TimerID=1;
window.open('www.mycodes.net','','width=600,height=300,left=100,top=50');
</script>
里面的 http://163.com 这个是你预先做好的一个网页,后面的数字是调节大小和位置的,你自己多试验几次。
十三:鼠标感应字体变红色的代码如下:插在<body></body>之间
<STYLE type=text/css>TD {
FONT-SIZE: 12px
}
BODY {
FONT-SIZE: 12px
}
INPUT {
FONT-SIZE: 12px
}
A:link {
COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
COLOR: #000000; TEXT-DECORATION: none
}
A:active {
COLOR: blue; TEXT-DECORATION: none
}
A:hover {
COLOR: red; TEXT-DECORATION: underline
} .so {
BORDER-RIGHT: 1px ridge; BORDER-TOP: #ffffff 1px ridge; FONT-SIZE: 12px; BORDER-LEFT: #ffffff 1px ridge; BORDER-BOTTOM: 1px ridge; BACKGROUND-COLOR: #cccccc
}
</STYLE>
十四:禁止他人复制你网页的代码:
<body bgcolor="#ffffff"oncontextmenu="return false"onselectstart="return false">
十五:把其它网页放入自已网页中的代码:
<IFRAME name=smjh align=center src="../www.mycodes.net/这里换成你要放入网站的网址" frameBorder=0 width=760 scrolling=no height=300></IFRAME>
详细讲解列表项目和水平线在CSS中的定义

  本教程主要讲解了网页常用标签<li>和<hr>的样式的定义。希望对大家有所帮助。

  li {list-style-image: url(images/disc.gif);}

  li的这个样式定义是将列表项目使用图片来代替显示的小圆点。当然您也可以显示成其它效果,详细请参阅下面的定义:

  列表项目效果的CSS定义
  *list-style-type: circle(可换成自己想要的样式); 列表项目样式

  disc :     CSS1 实心圆
  circle :    CSS1 空心圆
  square :    CSS1 实心方块
  decimal :    CSS1 阿拉伯数字
  lower-roman :  CSS1 小写罗马数字
  upper-roman : CSS1 大写罗马数字
  lower-alpha : CSS1 小写英文字母
  upper-alpha : CSS1 大写英文字母
  none :     CSS1 不使用项目符号
  armenian :   CSS2 传统的亚美尼亚数字
  cjk-ideographic:CSS2 浅白的表意数字
  georgian :   CSS2 传统的乔治数字
  lower-greek :  CSS2 基本的希腊小写字母

  hebrew : CSS2 传统的希伯莱数字
  hiragana : CSS2 日文平假名字符
  hiragana-iroha: CSS2 日文平假名序
  katakana : CSS2 日文片假名字符
  katakana-iroha: CSS2 日文片假名序号
  lower-latin : CSS2 小写拉丁字母
  upper-latin : CSS2 大写拉丁字母
  *list-style-image: url(images/disc.gif); 用图像disc.gif代替列表项目显示

  *list-style-position : outside | inside

  outside:  列表项目标记放置在文本以外,且环绕文本不根据标记对齐

  inside :  列表项目标记放置在文本以内,且环绕文本根据标记对齐

  hr{border:1px dashed #86BCD4; height:1;}

  在HTML代码中,还有一些特殊的如水平条hr,也可以在风格管理中加上定义,以更改其默认的显示效果:

  水平条效果的CSS定义
  BORDER-BOTTOM-STYLE: dotted;
  BORDER-LEFT-STYLE: dotted;
  BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted;

  height:1;
  width:100%;
align:left;
  color:#86BCD4;
  Shade:no;
  水平条虚线效果定义
  border:1px dashed #86BCD4; height: 1;

http://www.wzsky.net/html/Website/CSS/85569.html
【HTML】调用js文件
【HTML】未开启JavaScript提示
【HTML】分享到QQ空间微博代码
【CSS】添加多张背景图
【CSS】添加主页右下角图片
【HTML】网址超链接
【HTML】“JiaThis分享到”代码
来源:http://www.jiathis.com
一键加入QQ群按钮
说明:请进入wp.qq.com/group.html获取代码
【JavaScript】引用HTML
【HTML】静态瞬间返回顶部代码
【HTML】返回顶部
头部HTML填
底部JavaScript填
【HTML】添加网站的ico缩略标志
说明:显示于浏览器标签、地址栏左边和收藏夹。
【HTML】调用html文件
【HTML】调用外部css文件
【HTML】HTML插入CSS代码
【HTML】令一部分文字居中
【HTML】进入网站自动跳转到另一页面
【CSS】去"首页"
说明:进设置>CSS
【JavaScript】去"首页"
说明:进设置>Javascript框
【HTML】返回上页(免联网)
【HTML】撰文去标题
说明:添加文字,选HTML,粘贴进下面的代码
【HTML】撰文去时间显示
说明:添加文字,选HTML,粘贴进下面的代码
去撰文标题下划线
说明:添加文字,选HTML,粘贴进下面的代码
【HTML】输入框文字
说明:cols="20"控制输入框宽度,rows="2"控制输入框高度
<textarea name="content"cols="20"rows="2">显示文字</textarea>


换行
存书签(仅适用于uc浏览器)
折叠代码(仅UC可显示出)
主页添加图片
主页添加背景音乐
创建一个超链接
分类字体颜色和大小
添加非链接文字
添加分割线
分类名背景栏
文字背景加边框
天气预报(id后面的9位数字为城市代码)
年月日,星期,当前时间(仅用于javascript)
51.la统计(仅用于javascript)
返回顶部(仅用于javascript)
JiaThis分享
图标返回顶部代码
拨打电话
发送短信
分类颜色自定义
当前时间
年月日星期
引用html(仅用于javascript)
去首页(仅用于Javascript)
令一部分文字居中
调用js文件
图片超链接
javaScript提示
调用html文件
分享到QQ空间
天气预报(ID后面9位数为城市代码,可自行修改.)
去撰文标题
网站加ico图(仅用于HTML)
自动跳转到另一网页(仅用于HTML)
调用css代码
乐兮之家|查看城市ID
陈连生磨盘收集
1.js (91.44 KiB) | Read | Meta | +

Word Count: 93,636

2.js (10.27 KiB) | Read | Meta | +

Word Count: 8,952





«Newer      Older»
Comment:
Name:

Back to home

Subscribe | Register | Login | N