网页技术 - 来一起疯(617feng)

排列方式: 简介排列 | 列表排列

获取域名的ICO图标

2010-08-30 16:14:57 浏览(1) 收藏这篇日志

很多网站都有设置自己的个性ICO图标，

如网易：新浪：腾讯：等等网站

而我们得到这些网站的图标的方法是：http://www.google.com/s2/favicons?domain=域名

例：网易的地址为：http://www.google.com/s2/favicons?domain=www.163.com

一款Flash多颜色皮肤/带歌词的MP3播放器

2010-08-04 23:10:54 浏览(10) 收藏这篇日志

MP3播放器，支持XML形式的歌词，带三种颜色的皮肤更换。

js获取百度API中的北京时间

2010-08-01 08:32:57 浏览(18) 收藏这篇日志

js获取百度API中的北京时间

新浪微博图片放大效果[artZoom.js]

2010-06-07 10:51:40 浏览(31) 收藏这篇日志

我点击新浪微博缩略图的时候会快速的置换一张大图，并且鼠标会显示放大或者缩小的指针，新浪前端工程师吧视口的大图片都预加载了，所以点击缩略图后替换大图的过程很爽快

CSS图片切换代码可自定义变换方式

2010-04-12 10:01:05 浏览(77) 收藏这篇日志

CSS图片切换代码可自定义变换方式

.随机变换效果 progid:DXImageTransform.Microsoft.RevealTrans(enabled=ture,transition=23)

0.方形逐渐变小 progid:DXImageTransform.Microsoft.Iris(irisstyle=square,motion=in)
交叉形逐渐变大 progid:DXImageTransform.Microsoft.Iris(irisstyle=cross,motion=out)
菱形逐渐变小 progid:DXImageTransform.Microsoft.Iris(irisstyle=diamond,motion=in)

1.方形逐渐变大 progid:DXImageTransform.Microsoft.Iris(irisstyle=square,motion=out)

浏览全文...

网页技术

利用51ditu显示你的地理位置

2010-02-03 22:47:18 浏览(24) 收藏这篇日志

51地图的地图接口可以为您实现在地图上显示地理信息，如创建一家商店的位置，绘制一个旅游景点的路线，测量两点间的距离等

HTML代码

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

运行后，因JS没有加载，再次刷新后能正常

浏览全文...

网页技术

54kefu网中漂浮的在线客服JS代码解密

2010-01-25 00:49:55 浏览(314) 收藏这篇日志

54kefu网中漂浮的在线客服JS代码解密

一朋友因为使用了54Kefu中的在线客服系统，并把代码下载到本地中想进行修改，但因为JS代码是进行了加密的，整体都非常乱，没办法进行修改。。所以我查看了下代码，进行解密，现发布下解决后的代码，希望对大家有用。

HTML代码

document.write("<DIV id=\"evans_backi\" style=\"Z-INDEX:999 ; HEIGHT:auto; right:20px;  TOP:50px; POSITION: absolute; WIDTH:110px;\">"); 
document.write("<TABLE class=\"evans_link_style\" cellSpacing=\"0\" cellPadding=\"0\" width=\"100%\">"); 
document.write("<TR><TD>"); 
document.write("<DIV onclick=\"evans_closeHeartBeat();\" style=\"width: 30px; text-align:right; cursor:pointer; right:0px; top:0px; position:absolute; height:30px;\">&nbsp;&nbsp;&nbsp;&nbsp;</DIV><IMG border=\"0\" src=\"http://www.54kefu.net/kefu/skin/342/top.gif\"></TD></TR>"); 
document.write("<TR><TD style=\"padding: 5px\" height=\"114\" background=\"http://www.54kefu.net/kefu/skin/342/middle.gif\">"); 
document.write("<TABLE cellSpacing=\"0\" cellPadding=\"0\" width=\"90%\" align=\"center\">");

//显示在线客服列表 
document.write("<TR><TD height=\"24\" colSpan=\"2\"><A href=\"tencent://message/?uin=123456&Site=617feng.cn来一起疯&Menu=yes\" target=\"_blank\"><IMG title=\"Fanjf\" border=\"0\" align=\"absmiddle\" src=\"http://wpa.qq.com/pa?p=1:123456:8\"></A></TD></TR>"); 
document.write("<TR><TD height=\"24\" colSpan=\"2\"><A href=\"tencent://message/?uin=123456&Site=617feng.cn来一起疯&Menu=yes\" target=\"_blank\"><IMG title=\"Fanjf\" border=\"0\" align=\"absmiddle\" src=\"http://wpa.qq.com/pa?p=1:123456:8\"></A></TD></TR>"); 
document.write("<TR><TD height=\"24\" colSpan=\"2\"><A href=\"tencent://message/?uin=123456&Site=617feng.cn来一起疯&Menu=yes\" target=\"_blank\"><IMG title=\"Fanjf\" border=\"0\" align=\"absmiddle\" src=\"http://wpa.qq.com/pa?p=1:123456:8\"></A></TD></TR>");

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

浏览全文...

网页技术

JS节日倒计时（天数）

2009-11-24 13:18:17 浏览(110) 收藏这篇日志

HTML代码

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

浏览全文...

网页技术

去除tppabs标记

2009-09-23 21:24:11 浏览(29) 收藏这篇日志

　　tppabs标记：这是Teleport Pro软件留下的标记。该软件是离线浏览器，下载完整个网页后，它会在图片标签内插入tppabs标签以记录该图片的原始地址。因为这个标签不是合法标签，所以普通浏览器会忽略它。你可以通过element.getAttribute("tppabs")在JS中读取这个属性。
　　可以在 DreamWeaver中使用正则表达式批量清除这种代码.
　　具体写法如下:

浏览全文...

网页技术

中文搜索引擎以及各引擎的网站提交入口[转]

2009-09-11 23:35:18 浏览(186) 收藏这篇日志

搜索引擎登录（通常称为网站登录）是网站推广中非常重要的一个环节，指的是让网站被搜索引擎收录，网民可以在那里找到你的网站。

主要搜索引擎登录：谷歌，百度，Bing（必应），雅虎中国，网易有道

浏览全文...

网页技术

IE6、IE7、FF的CSS hack问题

2009-09-06 09:58:22 浏览(12) 收藏这篇日志

说FF、IE7、IE6的CSS hack问题。(标准标准，什么是标准？)

1、!important
IE7和FF下都支持!important 的，可以用!important来区分FF、IE7和IE6的高度。

浏览全文...

网页技术

如何向百度提交Sitemap网站地图？

2009-08-26 14:45:44 浏览(25) 收藏这篇日志

网站地图Sitemap是SEO的重要组成部分之一，对搜索引擎推广有着重要的作用。我们知道，可以通过Google 网站管理员工具来向 Google 提交网站地图Sitemap，那么如何向百度等其他搜索引擎提交网站地图呢？

浏览全文...

网页技术

如何设置<span>的width属性且不换行？？

2009-08-12 18:20:27 浏览(112) 收藏这篇日志

span标记的样式设定width属性，会发现不会产生效果。

如果设置display:block，width属性生效，但是此时的span跟div一样了。
如果设置display:inline-block，则span并列在同行，而且width属性生效。

元素display属性的常见值说明：

浏览全文...

网页技术

超简单的日历组件,仅24行

2009-07-29 09:53:42 浏览(3) 收藏这篇日志

轻量级日历文件,只有18K,支持select屏蔽

HTML代码

<style>

#iCalendar{border:1px solid #1F62BE;width:210px;_width:190px;position:absolute; font-family:Arial;background:#F0F9FF;left:-500px;overflow:hidden; } 
#iCalendar_body{border-top:7px solid #208DDE;_height:170px;padding:0 5px; background:#F0F9FF} 
#iCalendar iframe{position:absolute; ;z-index:-1;top:0;left:0;background:#F0F9FF} 
#iCalendar a,#iCalendar b{display:block; float:left;zoom: 1;width:20px;height:16px;line-height:16px;padding:2px;  
background:#F0F9FF;font-size:12px;text-align:center;color:#333;font-family:Arial;  
text-decoration:none;margin:0px 2px;  
} 
#iCalendar b{background:none;} 
#iCalendar a:hover{background:#FE8B1A;color:#fff;font-weight:bold} 
#iCalendar .btn{cursor:pointer;width:18px;} 
#iCalendar #dateCap{ width:80px;color:#900; } 
p{padding:20px;} 
</style> 
<body> 
<p> 
<div id="iCalendar" tabIndex='-1' title='点击面板空白处关闭'><iframe id="iCalendar_mask" src="" frameBorder=0 ></iframe><div id="iCalendar_body"></div></div> 
<input type="text" id="i_1" /> <input type="text" id="i_2" /><br/> 
<select id=""><option value="" selected="selected">dhooo.com</option></select> 
</p> 
</body> 
<script> 
Date.prototype.fDay=function (){var $=new Date(this);$.setDate(1);return $.getDay()}; 
Date.prototype.dCount=function (){var $1=new Date(this),$2=new Date(this); 
$1.setDate(1);$2.setDate(1);$2.setMonth($2.getMonth()+1); 
return ($2-$1)/86400000; 
}; 
(CLD={init:function (){this.$=new Date;this.update();iCalendar.onclick=function(){iCalendar.style.display="none";};return this} 
,update:function(y,m){ 
var uiList=[],week='日一二三四五六'.split(''),$=this.$, 
fn=function(a,b){return '<b class="btn" onclick="CLD.update('+a+')">'+b+'</b>'}; 
y&&$.setYear($.getFullYear()+y); 
m&&$.setMonth($.getMonth()+m); 
var Y=$.getFullYear(),M=$.getMonth()+1,D=$.getDate(); 
for (var i=0;i<week.length;i++ )uiList.push('<b>'+week[i]+'</b>'); 
for (i=0;i<$.fDay();i++ ) uiList.push('<b> </b>'); 
for (i=0;i<$.dCount();i++ )uiList.push('<a href="javascript:CLD.set('+Y+','+M+','+(i+1)+')">'+(i+1)+'</a>'); 
iCalendar_body.innerHTML=fn('-1,null','<<')+fn('null,-1','<')+ 
'<b id="dateCap">'+Y+'年'+M+'月</b>'+fn('null,1','>')+fn('1,null','>>')+uiList.join(''); 
if(this.$$)this.$$.focus(); 
iCalendar_mask.width=iCalendar_body.offsetWidth-2; 
iCalendar_mask.height=iCalendar_body.offsetHeight; 
} 
,showTo:function(v){ 
        for(var pos={x:0,y:0},$=v;v;v=v.offsetParent){pos.x+=v.offsetLeft;pos.y+=v.offsetTop}; 
document.title=[pos.x,pos.y] 
with(iCalendar.style){left=pos.x+"px";top=(pos.y+$.offsetHeight)+"px";display=""} 
    } 
,bind:function(x){x.onfocus=function(){CLD.$$=this;CLD.showTo(this)};return this;} 
,set:function(y,m,d){if(CLD.$$){CLD.$$.value=y+'-'+m+'-'+d;iCalendar.style.display="none";}} 
}).init().bind(i_1).bind(i_2) 
</script>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

浏览全文...

网页技术

php中date的用法

2009-07-28 15:42:45 浏览(1) 收藏这篇日志

<?php echo $showtime=date("Y-m-d H:i:s");?>

显示的格式: 年-月-日小时:分钟:妙

浏览全文...

网页技术

超漂亮的仿腾讯弹出层效果（兼容主流浏览器）

2009-07-28 15:23:28 浏览(126) 收藏这篇日志

HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>【强烈推荐】 超漂亮的仿腾讯弹出层效果（兼容主流浏览器）</title> 
<style> 
body {background: #ffffff; color: #444;} 
a{ color: #09d; text-decoration: none; border: 0; background-color: transparent;} 
body,div,q,iframe,form,h5{ margin: 0; padding: 0;} 
img,fieldset { border: none 0; } 
body,td,textarea { word-break: break-all; word-wrap: break-word; line-height:1.5;} 
body,input,textarea,select,button { margin: 0; font-size: 12px; font-family: Tahoma, SimSun, sans-serif;} 
div,p,table,th,td { font-size:1em; font-family:inherit; line-height:inherit;} 
h5{ font-size:12px;} 
</style> 
<script type="text/javascript" src="http://www.5-studio.com/wp-content/uploads/2009/06/Dialog.js"></script> 
<script type="text/javascript"> 
function $(ele) { 
  if (typeof(ele) == 'string'){ 
    ele = document.getElementById(ele) 
    if(!ele){ 
   return null; 
    } 
  } 
  if(ele){ 
   Core.attachMethod(ele); 
} 
  return ele; 
} 
var Core = {}; 
Core.attachMethod = function(ele){ 
if(!ele||ele["$A"]){ 
return; 
} 
if(ele.nodeType==9){ 
return; 
} 
var win; 
try{ 
if(isGecko){ 
win = ele.ownerDocument.defaultView; 
}else{ 
win = ele.ownerDocument.parentWindow; 
} 
for(var prop in $E){ 
ele[prop] = win.$E[prop]; 
} 
}catch(ex){ 
//alert("Core.attachMethod:"+ele)//有些对象不能附加属性，如flash 
} 
}

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]