html - 李勇 - 当爱在靠近

菜单切换代码

kevinliyong , 2008/10/28 17:33 , html , 评论(0) , 阅读(440) , Via 本站原创

很多网站都有，今天改造了一下，减少了没用的代码，方便以后自己用。

演示地址：http://www.kevinliyong.com...
下载地址：http://www.kevinliyong.com...

上传前预览

kevinliyong , 2008/10/05 18:14 , html , 评论(0) , 阅读(301) , Via 本站原创

提示：您可以先修改部分代码再运行

Tags: javascript , html

iframe 自适应宽度和高度

kevinliyong , 2008/09/26 07:56 , html , 评论(0) , 阅读(286) , Via 本站原创

提示：您可以先修改部分代码再运行

Tags: html , javascript

快速把网站变灰

kevinliyong , 2008/05/20 14:52 , html , 评论(0) , 阅读(376) , Via 本站原创

在CSS文件中加入如下代码即可（只支持IE~）：

*{filter:gray; color:gray;}

阅读全文

Tags: html

加入音乐播放器

kevinliyong , 2008/03/08 08:26 , html , 评论(0) , 阅读(487) , Via 本站原创

今天突然想把BLOG上加点音乐，所以百度了一下“音乐播放器”，效果还是挺明显的，基本都是一些卖MP3 MP4的商家。后来在GOOGLE上找到了这个网址，播放器集合，很不错！http://www.cuiz.net/player...

更换地址栏最前的小图标

kevinliyong , 2008/03/06 15:40 , html , 评论(0) , 阅读(443) , Via 本站原创

刚刚把地址栏最前端的小图标更改了

加入方法如下:

阅读全文

用图片+表格做的下拉菜单

kevinliyong , 2008/03/03 07:21 , html , 评论(0) , 阅读(403) , Via 本站原创

<html>
<head>
<title>图片表格制作的下拉菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
bldy,tr,td {font-size:12px;}
input {
  width:96px;
  height:23px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  background-color:#C2C2C2;
  line-height:   175%;
  text-indent: 5px;
}
</style>
<script language="javascript">
function alval()
{
  var al = document.form1.sel_val.value;
  if(al)
  {
    alert("您选择的是"+al);
  }
  else
  {
    alert("您没有选择菜单");
  }
  
  return false;
}
</script>
</head>
<body   >
<form name="form1" method="post" action="" onSubmit="return alval();">
<div style="position:absolute; top:100px; left:100px;">
<div style="position:relative;">
<table id="__01" width="117" height="23" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="96" height="23" ><div id="select" style="width:96px; margin-top: 24px; position:absolute; top:0px; left:5px; display:none;"><table width="96" height="23" border="0" cellspacing="0" cellpadding="5" bgcolor="#D0D0D0">
<tr onMouseOut="this.bgColor='#D0D0D0';" onMouseOver="this.bgColor='#EAEAEA';"><td height="22" align="center" style="cursor:pointer;" onClick="menu.value='菜单一';sel_val.value='菜单一';select.style.display='none';">菜单一</td>
</tr>
<tr><td height="22" align="center"style="cursor:pointer;" onMouseOut="this.bgColor='#D0D0D0';" onMouseOver="this.bgColor='#EAEAEA';" onClick="menu.value='菜单二';sel_val.value='菜单二';select.style.display='none';">菜单二</td>
</tr>
<tr><td height="22" align="center" style="cursor:pointer;" onMouseOut="this.bgColor='#D0D0D0';" onMouseOver="this.bgColor='#EAEAEA';" onClick="menu.value='菜单三';sel_val.value='菜单三';select.style.display='none';">菜单三</td>
</tr>
<tr><td height="22" align="center" style="cursor:pointer;" onMouseOut="this.bgColor='#D0D0D0';" onMouseOver="this.bgColor='#EAEAEA';" onClick="menu.value='菜单四';sel_val.value='菜单四';select.style.display='none';">菜单四</td>
</tr>
<tr><td height="22" align="center" style="cursor:pointer;" onMouseOut="this.bgColor='#D0D0D0';" onMouseOver="this.bgColor='#EAEAEA';" onClick="menu.value='菜单五';sel_val.value='菜单五';select.style.display='none';">菜单五</td>
</tr>
  
</table>
</div>
      <input name="menu" type="text" value="<-选择菜单->" readonly="readonly"></td>
      <td><img src="http://www.kevinliyong.com/upload/images/reg_02.jpg" width="21" height="23" alt="" style="cursor:pointer;" onClick="if(select.style.display=='block'){select.style.display='none'}else{select.style.display='block'};"></td>
    </tr>
  </table>
</div>
<input name="sel_val" type="hidden" id="sel_val">

<button type="submit">提交<br/>试试</button>
</form>
</div>
<script type='text/javascript'>
//<![CDATA[
if (document.getElementById('processtime')) document.getElementById('processtime').innerHTML="<span class='runtimedisplay'>Run in 163 ms, 5 Queries.</span>";
//]]>
</script><script type='text/javascript'>
//<![CDATA[
if (document.getElementById('processtime')) document.getElementById('processtime').innerHTML="<span class='runtimedisplay'>Run in 72 ms, 5 Queries.</span>";
//]]>
</script></body>
</html>

提示：您可以先修改部分代码再运行

Tags: javascript , html , css

类似sohu焦点网的小窗口

kevinliyong , 2008/01/25 19:57 , html , 评论(0) , 阅读(841) , Via 本站原创

类似sohu焦点网的小窗口

由于客户需要，所以做了这个小东西，很简单，基本没有用到js。

演示地址：http://www.kevinliyong.com...

下载地址：http://www.kevinliyong.com...

解压密码： www.kevinliyong.com

Tags: javascript , html , 焦点网小窗口

图片不间断滚动

kevinliyong , 2008/01/24 19:47 , html , 评论(0) , 阅读(715) , Via 本站原创

<div id=demo style="OVERFLOW: hidden; WIDTH: 900px; COLOR: #ffffff">
                  <table cellspacing=0 cellpadding=0 align=left border=0 cellspace="0">
                    <tbody>
                      <tr>
                        <td id=demo1 valign=top><table width="900" height="116"  border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                                            <td background="images/pic_bg.jpg"><div align="center"><a href="http://www.kevinliyong.com/attachment/1200959521_0.jpg" target="_blank"><img src="http://www.kevinliyong.com/attachment/1200959521_0.jpg" width="176" height="132" border="0" /></a></div></td><td> </td>
                                                            <td background="images/pic_bg.jpg"><div align="center"><a href="http://www.kevinliyong.com/attachment/1200191361_0.gif" target="_blank"><img src="http://www.kevinliyong.com/attachment/1200191361_0.gif" width="176" height="132" border="0" /></a></div></td><td> </td>
                                                            <td background="images/pic_bg.jpg"><div align="center"><a href="http://www.kevinliyong.com/attachment/1199682250_0.jpg" target="_blank"><img src="http://www.kevinliyong.com/attachment/1199682250_0.jpg" width="176" height="132" border="0" /></a></div></td><td> </td>
                                                            <td background="images/pic_bg.jpg"><div align="center"><a href="http://www.kevinliyong.com/attachment/1199527451_0.jpg" target="_blank"><img src="http://www.kevinliyong.com/attachment/1199527451_0.jpg" width="176" height="132" border="0" /></a></div></td><td> </td>
                                                            <td background="images/pic_bg.jpg"><div align="center"><a href="http://www.kevinliyong.com/attachment/1199318616_0.gif" target="_blank"><img src="http://www.kevinliyong.com/attachment/1199318616_0.gif" width="176" height="132" border="0" /></a></div></td><td> </td>
                                                            <td background="images/pic_bg.jpg"><div align="center"><a href="http://www.kevinliyong.com/attachment/1198602542_0.gif" target="_blank"><img src="http://www.kevinliyong.com/attachment/1198602542_0.gif" width="176" height="132" border="0" /></a></div></td><td> </td>
                                                            <td background="images/pic_bg.jpg"><div align="center"><a href="http://www.kevinliyong.com/attachment/1198551407_0.jpg" target="_blank"><img src="http://www.kevinliyong.com/attachment/1198551407_0.jpg" width="176" height="132" border="0" /></a></div></td><td> </td>
                                                            <td background="images/pic_bg.jpg"><div align="center"><a href="http://www.kevinliyong.com/attachment/1198195433_0.gif" target="_blank"><img src="http://www.kevinliyong.com/attachment/1198195433_0.gif" width="176" height="132" border="0" /></a></div></td><td> </td>
                                                          </tr>
                        </table></td>
                        <td id=demo2 valign=top> </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                <SCRIPT>
var speed3=30//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>

提示：您可以先修改部分代码再运行

Tags: javascript , html

朋友要这个效果

kevinliyong , 2008/01/18 09:03 , html , 评论(0) , 阅读(661) , Via 本站原创

前两天一朋友的网站需要这个效果，简单的做了一个。主要是用的是 display 这个东东，自己感觉很好用。

提示：您可以先修改部分代码再运行

Tags: javascript , html , css

网页小挂件

kevinliyong , 2008/01/09 07:58 , html , 评论(0) , 阅读(553) , Via 本站原创

<HTML>
<HEAD>
<TITLE>网页小挂件</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">

<script language="javascript">
document.writeln("<div id=\"msn\" style=\"Z-INDEX:99999; LEFT:0px; WIDTH:141px; POSITION:absolute; TOP:0px; HEIGHT:352px;\">");

document.writeln("<img src=\"http://www.kevinliyong.com...;" hspace=\"5\" width=\"141\" height=\"352\" align=\"absMiddle\" vspace=\"1\"\/><\/div>");
msn.style.top=document.body.clientHeight-141;
msn.style.left=document.body.clientWidth-225;
moveR();
function moveR() {
msn.style.top=document.body.scrollTop+document.body.clientHeight-352;
msn.style.left=document.body.scrollLeft+document.body.clientWidth-151;
setTimeout("moveR();",80)
}
function closeDiv(){
msn.style.visibility='hidden';
}
</script>
</HEAD>
<BODY style="MARGIN: 0px; TEXT-ALIGN: center">
<table width="778" height="153" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
<tr>
<td> </td>
</tr>
</table>
<table width="778" height="1030" border="0" cellpadding="0" cellspacing="0" bgcolor="F4F4F4">
<tr>
<td height="1030"> </td>
</tr>
</table>
</BODY></HTML>

Tags: html , javascript , 代码

fmplayer插件

kevinliyong , 2008/01/07 18:59 , html , 评论(0) , 阅读(532) , Via 本站原创

用了一下fmplayer插件，感觉打开页面很慢，改用代码吧~！

http://www.kevinliyong.com...

李勇

菜单切换代码

上传前预览

iframe 自适应宽度和高度

快速把网站变灰

加入音乐播放器

更换地址栏最前的小图标

用图片+表格做的下拉菜单

类似sohu焦点网的小窗口

图片不间断滚动

朋友要这个效果

网页小挂件

fmplayer插件

今日天气

今日心情

日历

分类

最新日志

最新评论

统计

链接

其他

< 2010 > < 9 > 庚寅年（虎）
日	一	二	三	四	五	六
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30