Hacklog » 前端开发 http://ihacklog.com 荒野无灯weblog Sat, 04 Feb 2012 12:30:34 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Google Web fonts 试用 http://ihacklog.com/xml_html_css_js_ajax/google-webfonts.html http://ihacklog.com/xml_html_css_js_ajax/google-webfonts.html#comments Mon, 19 Dec 2011 11:01:33 +0000 荒野无灯 http://ihacklog.com/?p=5191 去这里选择字体：　https://www.google.com/webfonts#ChoosePlace:select

然后引用：
link 引用：

1
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>

或通过js引用：

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Bad+Script::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>

再按自己需求修改：

1
2
3
4
5
h1#blog-name a {    font-family: 'Nosifer Caps' !important;}
#content h2.post-title a { font-family: 'Nova Square', 'Microsoft YaHei' !important;}
#comments {font-family: 'Spinnaker', 'Microsoft YaHei' !important;}
#sidebar #recentcomments li {font-family: 'Marmelad', 'Microsoft YaHei' !important;}
body { font-family: Electrolize, 'Microsoft YaHei' !important;  }

图省事，css代码直接加在Hacklog DownloadManager的自定义CSS后面了~~

喜欢这篇文章吗?

请订阅本站 RSS feed 或填写您的邮件地址，订阅我们的精彩内容：

随机日志

]]> http://ihacklog.com/xml_html_css_js_ajax/google-webfonts.html/feed 12 试一下yahoo webplayer http://ihacklog.com/xml_html_css_js_ajax/yahoo-webplayer-trial.html http://ihacklog.com/xml_html_css_js_ajax/yahoo-webplayer-trial.html#comments Wed, 19 Oct 2011 05:03:33 +0000 荒野无灯 http://ihacklog.com/?p=4957 X-Men这电影也不错，要下载高清的果断去yyets搜索吧。 喜欢这篇文章吗?请订阅本站 RSS feed 或 作者：荒野...]]> 从七小罗汉那里看到的，试玩了下，还不错，现在还是beta,期待中。

http://webplayer.yahoo.com/get/

放一首好听的歌：

I Could Be the One (Donna Lewis)

电影：
X-Men: First Class (2011)

I Could Be the One (Donna Lewis)个人觉得比较好听。传送门：虾米—>

X-Men这电影也不错，要下载高清的果断去yyets搜索吧。

喜欢这篇文章吗?

请订阅本站 RSS feed 或填写您的邮件地址，订阅我们的精彩内容：

随机日志

]]> http://ihacklog.com/xml_html_css_js_ajax/yahoo-webplayer-trial.html/feed 2 定义code的CSS样式代码更有型 http://ihacklog.com/xml_html_css_js_ajax/style-your-code.html http://ihacklog.com/xml_html_css_js_ajax/style-your-code.html#comments Sun, 31 Jul 2011 09:07:03 +0000 荒野无灯 http://ihacklog.com/?p=4689 下面这个风格个人比较喜欢：

 /*CSS by 荒野无灯　http://ihacklog.com/?p=4689 */
div.single code,div.single pre.gray {
    font-family: "Deja Vu Sans Mono",Consolas,Monaco,"Courier New",Courier,monospace;
    color:#000;
    font-size: 14px;
    font-weight: inherit;
    padding: 11px;
　　margin: 0 0 20px;
    margin-bottom: 22px;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #DADADA;
    overflow-x: auto;
}

使用方法：

1
2
3
<pre class="gray">
PUT YOUR CODE HERE ......
</pre>

下面这个漂亮的代码风格来自：http://www.smoothdivscroll.com/

div.single pre.smooth {
    background: url("images/pre_code_bg.gif") repeat-y scroll left top transparent;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
	font-family: "Deja Vu Sans Mono",Consolas,Monaco,"Courier New",Courier,monospace;
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 20px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0;
	display: block;
    padding: 18px 5px 18px 28px;
    text-align: left;
	/*防止溢出*/
    width: 580px;
    text-align: left;
}

使用方法：

1
2
3
<pre class="smooth">
PUT YOUR CODE HERE ......
</pre>

注意加上你自己模板的CLASS标签或ID标签，以免对不必要的标签也生效。

如我的是.single

喜欢这篇文章吗?

请订阅本站 RSS feed 或填写您的邮件地址，订阅我们的精彩内容：

相关日志

]]> http://ihacklog.com/xml_html_css_js_ajax/style-your-code.html/feed 7 最常用的10条CSS hacks http://ihacklog.com/xml_html_css_js_ajax/10-best-css-hacks.html http://ihacklog.com/xml_html_css_js_ajax/10-best-css-hacks.html#comments Sat, 11 Jun 2011 19:34:04 +0000 荒野无灯 http://ihacklog.com/xml_html_css_js_ajax/10-best-css-hacks.html 1,垂直居中

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<div id="shim"/></div>
<div id="wrapper">
Content
</div>
 
html, body {
height: 100%;
margin: 0;
padding: 0;
}
 
* {
margin:0px auto;
padding:0;
}
 
div#shim {
visibility: hidden;
width: 100%;
height: 50%;
margin-top: -200px;
float: left;
}
 
div#wrapper {
width: 1000px;
height: 400px;
clear: both;
background:red;
position: relative;
top: -200px;
/* IE4ever Hack: Hide from IE4 **/
position: static;
/** end hack */
 
}
 
/* Hide from IE5mac \*//*/
div#shim {
display: none;
}
 
html, body {
height: auto;
}
/* end hack */
 
/* ]]> */

see: http://stylizedweb.com/2008/02/01/vertical-align-div/

2.指定最小高度

1
2
3
4
5
selector {
min-height:500px;
height:auto; !important
height:500px;
}

3.PNG透明问题
ie6/7:
用pngfix

1
2
3
<!--[if lt IE 7.]>
<script type="text/javascript" src="pngfix.js"></script>
<![endif]-->

还有一种就是纯CSS解决方案,因为当你的背景图片是在css文件中定义时，pngfix是无
能为力了。

1
2
3
4
5
6
7
8
9
10
11
.someelement {
background-image: url(images/image.png);
}
 
* html .someelemen {
background-color: #333;
back\ground-color: transparent;
background-image: url(images/blank.gif);
filter: progid:DXImageTransform.Microsoft.
AlphaImageLoader(src="images/image.png", sizingMethod="scale");
}

see http://stylizedweb.com/2007/12/30/png-transparency-issues/

4.Autoclear自动清除浮动

1
2
3
4
5
6
7
8
9
10
11
12
.container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.container {display: inline-table;}
/* Hides from IE-mac \*/
* html .container {height: 1%;}
.container {display: block;}
/* End hide from IE-mac */

5. Reset CSS

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
31
32
33
34
35
36
37
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
vertical-align:baseline;
}
table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
strong {
font-weight:bold;
}
em {
font-style:italic;
}
* {
margin:0pt;
padding:0pt;
}

6.Scrolling Render IE

1
2
3
html {
      background : url(null) fixed no-repeat;
     }

7.透明层

1
2
3
4
5
#transdiv {
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}

8.pre 标签

1
2
3
4
5
6
7
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

9.Li Background Repeat IE

1
2
3
4
5
6
<!--[if lt IE 7]>
<style>
#leftnav li { zoom: 1;} /* haslayout=true */
</style>

<![endif]-->

10.一些应该知道的东东

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
@charset "UTF-8";
 
/* ----------------------------------------------------------------------
    WinIE7
---------------------------------------------------------------------- */
*:first-child+html selector{property:value;}
 
/* ----------------------------------------------------------------------
    WinIE6 & Mac IE
---------------------------------------------------------------------- */
* html selector{property:value;}
 
/* ----------------------------------------------------------------------
    WinIE6
---------------------------------------------------------------------- */
/*\*/
* html selector{property:value;}
/**/
 
/* ----------------------------------------------------------------------
    MacIE
---------------------------------------------------------------------- */
/*\*//*/
selector{property:value;}
/**/

本文译自：
10 best CSS hacks | StylizedWeb.com

喜欢这篇文章吗?

请订阅本站 RSS feed 或填写您的邮件地址，订阅我们的精彩内容：

随机日志

]]> http://ihacklog.com/xml_html_css_js_ajax/10-best-css-hacks.html/feed 5 Most used CSS tricks http://ihacklog.com/xml_html_css_js_ajax/most-used-css-tricks.html http://ihacklog.com/xml_html_css_js_ajax/most-used-css-tricks.html#comments Sat, 11 Jun 2011 19:09:12 +0000 荒野无灯 http://ihacklog.com/xml_html_css_js_ajax/most-used-css-tricks.html 1.无图片实现圆角

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id="container">
<b class="rtop">
<b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b>
</b>
<!--content goes here -->
<b class="rbottom">
<b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>
</b>
</div>
 
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

2.给列表加上样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 <ol>
<li>
 
This is line one
</li>
<li>
 
Here is line two
</li>
<li>
 
And last line
</li>
</ol>
 
ol {
font: italic 1em Georgia, Times, serif;
color: #999999;
}
 
ol p {
font: normal .8em Arial, Helvetica, sans-serif;
color: #000000;
}

3.无表格版form

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
<form>
<label for="name">Name</label>
<input id="name" name="name"><br>
<label for="address">Address</label>
<input id="address" name="address"><br>
<label for="city">City</label>
<input id="city" name="city"><br>
</form>
 
label,input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}
 
label {
text-align: right;
width: 75px;
padding-right: 20px;
}
 
br {
clear: left;
}

4.Double blockquote

1
2
3
4
5
blockquote:first-letter {
background: url(images/open-quote.gif) no-repeat left top;
padding-left: 18px;
font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}

5.渐变文字效果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<h1><span></span>CSS Gradient Text</h1>
 
h1 {
font: bold 330%/100% "Lucida Grande";
position: relative;
color: #464646;
}
h1 span {
background: url(gradient.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;
}
 
<!--[if lt IE 7]>
<style>
h1 span {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gradient.png', sizingMethod='scale');
}
</style>

<![endif]-->

6.带line-height的竖直居中

1
2
3
4
5
6
7
8
9
10
11
div{
height:100px;
}
div *{
margin:0;
}
div p{
line-height:100px;
}
 
Content here

7.背景图片实现圆角

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
31
32
33
34
35
36
37
38
39
<div class="roundcont">
<div class="roundtop">
<img src="tl.gif" alt=""
width="15" height="15" class="corner"
style="display: none" />
</div>
 
CONTENT
<div class="roundbottom">
<img src="bl.gif" alt=""
width="15" height="15" class="corner"
style="display: none" />
</div>
</div>
 
.roundcont {
width: 250px;
background-color: #f90;
color: #fff;
}
 
.roundcont p {
margin: 0 10px;
}
 
.roundtop {
background: url(tr.gif) no-repeat top right;
}
 
.roundbottom {
background: url(br.gif) no-repeat top right;
}
 
img.corner {
width: 15px;
height: 15px;
border: none;
display: block !important;
}

8.多个class属性值

1
2
3
4
5
6
7
<img src="image.gif" class="class1 class2" alt="" />
 
.class1 { border:2px solid #666; }
.class2 {
padding:2px;
background:#ff0;
}

9.水平居中

1
2
3
4
5
<div id="container"></div>
 
#container {
margin:0px auto;
}

10.首字下沉

1
2
3
4
5
6
7
8
<p class="introduction"> This paragraph has the class "introduction". If your browser supports the pseudo-class "first-letter", the first letter will be a drop-cap.
 
p.introduction:first-letter {
font-size : 300%;
font-weight : bold;
float : left;
width : 1em;
}

11.禁止超链接换行及隐藏超过区域大小的内容

1
2
3
4
5
6
7
a{
white-space:nowrap;
}
 
#main{
overflow:hidden;
}

12.显示firefox滚动条，移除IE中文本域的滚动条

1
2
3
4
5
6
7
html{
overflow:-moz-scrollbars-vertical;
}
 
textarea{
overflow:auto;
}

译自：
Most used CSS tricks | StylizedWeb.com

喜欢这篇文章吗?

请订阅本站 RSS feed 或填写您的邮件地址，订阅我们的精彩内容：

相关日志

]]> http://ihacklog.com/xml_html_css_js_ajax/most-used-css-tricks.html/feed 0 jQ表格插件推荐：jQgrid http://ihacklog.com/xml_html_css_js_ajax/jquery-grid-plugin.html http://ihacklog.com/xml_html_css_js_ajax/jquery-grid-plugin.html#comments Fri, 26 Nov 2010 14:23:45 +0000 荒野无灯 http://www.ihacklog.com/?p=4255 上demo: http://www.trirand.com/blog/jqgrid/jqgrid.html

官方博客：http://www.trirand.com/blog/

插件下载：http://www.trirand.com/blog/?page_id=6

喜欢这篇文章吗?

请订阅本站 RSS feed 或填写您的邮件地址，订阅我们的精彩内容：

相关日志

]]> http://ihacklog.com/xml_html_css_js_ajax/jquery-grid-plugin.html/feed 6 Facebox v1.2:很酷的popup 效果JQuery插件 http://ihacklog.com/xml_html_css_js_ajax/facebox-v1-2.html http://ihacklog.com/xml_html_css_js_ajax/facebox-v1-2.html#comments Tue, 25 May 2010 10:57:08 +0000 荒野无灯 http://www.ihacklog.com/?p=3844 Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.

It’s simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.

官方页面：
facebox

使用方法很简单，看下官方说明就可以了。

注意：该页面嵌入了下载文件，请访问 该页面下载该文件。

喜欢这篇文章吗?

请订阅本站 RSS feed 或填写您的邮件地址，订阅我们的精彩内容：

相关日志

]]> http://ihacklog.com/xml_html_css_js_ajax/facebox-v1-2.html/feed 3 校内flash播放器 http://ihacklog.com/xml_html_css_js_ajax/xiaoneiflashbofangqi.html http://ihacklog.com/xml_html_css_js_ajax/xiaoneiflashbofangqi.html#comments Thu, 28 May 2009 05:39:12 +0000 荒野无灯 http://blog.thinkstd.com/?p=2176 原创文章
如：

http://www.ihacklog.com/wordpress/wp-content/demo/player/player.html?url=http://www.hz95.com/upload/slds.mp3

一个很简洁的mp3播放器

我写的调用代码如下：

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
31
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>xiaonei mp3 flash player</title>
<script type="text/javascript">
var urlstr=window.location.search;
if(/(.*\?url=)/.test(urlstr)||/(.*\?.*&url=)/.test(urlstr))
//alert(urlstr);
var s=urlstr.split("=");
var paramNum=s.length-1;
var isMP3Url=/\.mp3/.test(s[paramNum]);
//alert(isMP3Url);
var url=s[paramNum];
var player="<embed src=\"./player.swf?url="+url+"&Rwid=450&Autoplay=1\" wmode=\"transparent\" loop=false menu=false quality=high scale=noscale salign=lt bgcolor=#ffffff width=\"450\" height=\"30\" align=middle allowScriptAccess=sameDomain allowFullScreen=false type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer />";
//alert(url);
</script>
</head>

<body>

<script type="text/javascript">
if(!isMP3Url)
alert('error! \n mp3 url is undefined or invalid mp3 url!');
else
document.write(player);
</script>

</body>

</html>

喜欢这篇文章吗?

请订阅本站 RSS feed 或填写您的邮件地址，订阅我们的精彩内容：

随机日志

]]> http://ihacklog.com/xml_html_css_js_ajax/xiaoneiflashbofangqi.html/feed 4 google挑歌 http://ihacklog.com/xml_html_css_js_ajax/googletiaoge.html http://ihacklog.com/xml_html_css_js_ajax/googletiaoge.html#comments Wed, 27 May 2009 14:07:09 +0000 荒野无灯 http://blog.thinkstd.com/?p=2162 挑歌这个玩意儿挺有趣的，我蛮喜欢的，最重要的是它提供正版音乐的免费下载（虽然目前它收录的歌曲不是非常多）
这个东东太复杂，ActionScript这玩意儿我不怎么弄过，这个flash播放器就不分析了。
先从播放器看起吧：
播放器地址为：

http://g.top100.cn/7872775/html/player.html#loaded

其源码相当简洁：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
  <head>
    <script type="text/javascript" src="../javascript/compiled/static_page.js"></script>
    <script type="text/javascript">
      window.onload = function() {
        _onloadPlayerPage();
      }
      window.onresize = function() {
        _onWindowResize('player-iframe');
      }
    </script>
  </head>
  <body style="margin: 0px;">
    <iframe id="player-iframe" src="" width="740" height="504" frameborder="0" scrolling="no"/>
  </body>
</html>

再看static_page.js，其代码如下：

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
31
32
33
var c=window,d=document;function f(b,a){return b.width=a}function g(b,a){return b.height=a}var h="clientWidth",i="getElementById",j="location",k="style",l="body",m="clientHeight",n="documentElement",o="http://www.google.cn/music/top100/",p=o+"lyrics",q=o+"musicdownload",r=o+"player_page",s="Top100 Online Player";

function t(b){
var a=d[i](b);if(a)if(c.innerHeight&&c.innerWidth){f(a,c.innerWidth);g(a,c.innerHeight)}else if(d[n]&&d[n][m]&&d[n][h]){f(a,d[n][h]);g(a,d[n][m])}else if(d[l][m]&&d[l][h]){f(a,
d[l][h]);g(a,d[l][m])}
}


function u(){
var b=d[i]("lyrics-iframe"),a=p+c[j].search;
if(b&&b.src!=a)b.src=a;
t("lyrics-iframe")
}

function v(){
var b=d[i]("download-iframe"),a=q+c[j].search;if(b&&b.src!=a)b.src=a;
t("download-iframe")
}

function w(){
c.name=s;
c.document.title=s;
var b=d[i]("player-iframe"),a=r+c[j].search+c[j].hash;
if(b&&b.src!=a)
b.src=a;
t("player-iframe");
var y=c.setInterval(x,500);
function x(){if(b.contentWindow.length>=4){c.clearInterval(y);var e=d.createElement("iframe");e.setAttribute("frameborder",
" 0");g(e[k],"0");f(e[k],"0");e[k].top="0";e[k].left="0";e[k].position="absolute";e[k].zIndex=-1;e[k].display="none";e.src="";d[l].appendChild(e)}}
c[j].hash="#loaded"}


var _onloadLyricsPage=u,_onloadDownloadPage=v,_onloadPlayerPage=w,_onWindowResize=t;

t函数用于调整iframe窗口大小为弹出窗口大小，即使这个iframe占满整个弹出的窗口。
这个t函数考虑了三种情况：

1
2
3
window.innerWidth            (c.innerWidth)
document.documentElement.clientWidth         ( d[n][h])
document.body.clientWidth        (d[l][h])

u用于加载歌词，v用于加载下载页面，w用来加载播放器
由以上js代码可以知道，点击那个向下的箭头下载歌曲时，弹出的窗口并不是直接的，而是用一个iframe加载真正的下载页面。
打开播放器后（当页面加载完后），先是_onloadPlayerPage()即执行w函数加载播放器iframe，再_onWindowResize(‘player-iframe’)即调整这个iframe的大小。
如：

http://g.top100.cn/7872775/html/download.html?id=S4ca0f5b8ebb2748a

实际上是

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
  <head>
    <script type="text/javascript" src="../javascript/compiled/static_page.js"></script>
    <script type="text/javascript">
      window.onload = function() {
        _onloadDownloadPage();
      }
      window.onresize = function() {
        _onWindowResize('download-iframe');
      }
    </script>
  </head>
  <body style="margin: 0px;">
    <iframe id="download-iframe" src="" width="650" height="350" frameborder="0" scrolling="no"/>
  </body>
</html>

download-iframe用于加载下载页面，从js代码可以看出它的实际下载页面是：

http://www.google.cn/music/top100/musicdownload?id=S4ca0f5b8ebb2748a

它的歌词调用的是：

http://www.google.cn/music/top100/lyrics?id=S4ca0f5b8ebb2748a

其实上面那个应该是调用了：

http://g.top100.cn/7872775/html/lyrics.html?id=S4ca0f5b8ebb2748a

真正的下载地址就隐藏在该页面中：

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
<html><head><meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<title>Top100 Music Download - &#29233;&#20284;&#27700;&#20185;</title>
<script type="text/javascript" src="/music/top100/javascript/1328496674-partner_js.js"></script>

<link rel='stylesheet' type='text/css' href='/music/top100/css/1947696284-partner_css.css'/>

<script type="text/javascript">
        window.onload = function() {
          window.setInterval("location.reload(true)", 1200000);
        }
      </script></head>
<body><div class="download-div" id="download-div"><table class="download-table"><tr class="header-tr"><td class="logo-td"><img src="http://www.gstatic.cn/top100/images/top100_logo.png" alt=""></td>
<td class="partner-header-td" nowrap>&#27468;&#26354;&#19979;&#36733;&#30001;Top100.cn &#24040;&#40120;&#38899;&#20048;&#32593;&#25552;&#20379;</td></tr>
<tr><td class="thumbnail-td" style="background-image: url(http://www.gstatic.cn/top100/images/cd_cover.png); background-repeat: no-repeat;"><div class="thumbnail-div"><img
alt=""
src="http://www.gstatic.cn/base_media?q=http://pic.top100.cn/SpecialImg/middle_special_123854.jpg&amp;size=5&amp;hl=cn&amp;fact=194&amp;dhm=cda3d3fb" onerror="this.onerror=null; this.src='http://www.gstatic.cn/top100/images/cd_cover_default.png'"/></div></td>
<td class="td-meta-table"><table class="song-meta-name-table"><tr class="meta-names-tr"><td class="td-song-name">&#27468;&#26354;</td>
<td class="td-singer">&#27468;&#25163;</td>
<td class="td-size">&#25991;&#20214;&#22823;&#23567;</td>

<td class="td-format">&#26684;&#24335;</td></tr></table>
<table class="song-meta-data-table"><tr class="meta-data-tr"><td class="td-song-name">&#29233;&#20284;&#27700;&#20185;</td>
<td class="td-singer">&#37329;&#28023;&#24515;</td>
<td class="td-size">5.5&nbsp;MB</td>
<td class="td-format">MP3</td></tr></table></td></tr></table></div>
<div class="download"><div class="contract-info">Copyright&nbsp;&copy;&nbsp;&#37329;&#20449;&#23376;&#25991;&#21270;<br>&#19979;&#36733;&#35813;&#38899;&#20048;&#34920;&#31034;&#24744;&#21516;&#24847;&#25105;&#20204;&#30340;<a href="http://www.top100.cn/tos.html" onclick="window.open(this.href, &#39;&#39;, &#39;resizable=1, location=1, menubar=1, scrollbars=1&#39;); return false;">&#26381;&#21153;&#26465;&#27454;</a>&#21644;<a href="http://www.top100.cn/privatepolicy.html" onclick="window.open(this.href, &#39;&#39;, &#39;resizable=1, location=1, menubar=1, scrollbars=1&#39;); return false;">&#38544;&#31169;&#21327;&#35758;</a></div>
<br>
<a href="/music/top100/url?q=http%3A%2F%2Ffile3.top100.cn%2F200905280905%2F411027BFF23F27945A2E3F0CD8D3A6EC%2FSpecial_123854%2F%25E7%2588%25B1%25E4%25BC%25BC%25E6%25B0%25B4%25E4%25BB%2599.mp3&amp;ct=rdl&amp;cad=dl&amp;ei=UeMdSrDRM4yOtAKE8_miAg&amp;sig=F1D4E450B218F28ECE64A033498533A5"><img src="http://www.gstatic.cn/top100/images/download_icon.png" alt="" style="border: none;"></a>
<span class="download-hint">&#22914;&#26524;&#19979;&#36733;&#26377;&#38382;&#39064;&#65292;&#35831;&#23581;&#35797;&#28857;&#20987;&#40736;&#26631;&#21491;&#38190;&#65292;&#36873;&#25321;&ldquo;&#30446;&#26631;&#21478;&#23384;&#20026;&rdquo;&#19979;&#36733;&#12290;</span></div>
<div class="ads-line"><div class="ads-image"><iframe id="top100_admusic_adifr" src="http://t.top100.cn/www/delivery/ifr.ashx?host=google&amp;zid=6&amp;mw=so%3AM0123854001%23%E7%88%B1%E4%BC%BC%E6%B0%B4%E4%BB%99%24si%3A%23%E9%87%91%E6%B5%B7%E5%BF%83%24al%3A%23%E7%88%B1%E4%BC%BC%E6%B0%B4%E4%BB%99%20EP" frameborder="0" width="630" height="80" scrolling="no"></iframe></div></div></body></html>

其中的

1
http%3A%2F%2Ffile3.top100.cn%2F200905280905%2F411027BFF23F27945A2E3F0CD8D3A6EC%2FSpecial_123854%2F%25E7%2588%25B1%25E4%25BC%25BC%25E6%25B0%25B4%25E4%25BB%2599.mp3

即为mp3地址。

接下来再看下播放器页面：

例如随便打开一个页面

http://www.google.cn/music/top100/player_page?id=S4ca0f5b8ebb2748a#loaded

点击下面链接会打开播放器自动播放王菲的 棋子：

http://www.google.cn/music/top100/player_page?id=Sc404159fe479f257&type=song&autoplay=true

其源代码部分加密了：

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<html><head><meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="/music/top100/javascript/1328496674-partner_js.js"></script>

<link rel='stylesheet' type='text/css' href='/music/top100/css/1947696284-partner_css.css'/>

<title>Top100 Online Player</title></head>
<body style="margin: 0px; overflow: auto; background-color: #FFFFFF;"><div id="flash-upgrade" class="flash-upgrade-msg">&#24744;&#30340;flash player&#29256;&#26412;&#36807;&#20302;&#65292;&#35831;&#28857;&#20987;&#39029;&#38754;&#19978;&#26041;&#30340;&#25552;&#31034;&#25110;&#32773;&#24377;&#20986;&#30340;&#31383;&#21475;&#23433;&#35013;flash player&#12290;&#22914;&#26524;&#24744;&#30340;&#27983;&#35272;&#22120;&#27809;&#26377;&#33258;&#21160;&#23433;&#35013;&#21151;&#33021;&#65292;&#35831;&#28857;&#20987;
<a href="http://www.adobe.com/cn/products/flashplayer/" onclick="window.open(this.href, &#39;&#39;, &#39;height=550, width=750, scrollbars=1&#39;); window.close(); return false;">&#36825;&#37324;</a>
&#19979;&#36733;&#26032;&#30340;&#29256;&#26412;&#65292;&#28982;&#21518;&#37325;&#26032;&#25171;&#24320;&#27492;&#39029;</div>
<script type="text/javascript" language="javascript">
        _checkFlashVersion();
        window.onload = function() {
          var onloadTimer = window.setInterval(onloadPlayerIntervalCallback, 300);
          function onloadPlayerIntervalCallback() {
           
            if(_allGlobalScriptExcuted) {
              window.clearInterval(onloadTimer);
              _onloadPlayerPage("S4ca0f5b8ebb2748a", "", true,
                                "http://g.top100.cn/7872775/html/player_container_remote_control_iframe.html",
                                "http://www.google.cn/music/html/hidden_iframe.html",
                                "http://www.google.cn/music/html/hidden_iframe.html",
                                "http://t.top100.cn/www/delivery/ifr.ashx?host\x3dgoogle\x26zid\x3d1\x26mw\x3d");
            }
          }
        }
        window.onfocus = function() {
          document.title = "Top100 Online Player";
        }
      </script>
<iframe id="OnlinePlayerSingleton" name="OnlinePlayerSingleton" src="http://www.google.cn/music/html/hidden_iframe.html" width="0" height="0" frameborder="0"></iframe>

<iframe id="OnlinePlayerSingletonWeb" name="OnlinePlayerSingletonWeb" src="http://www.google.cn/music/html/hidden_iframe.html" width="0" height="0" frameborder="0"></iframe>
<div class="player-line"><div id="player-object" class="player"><object id="OnlinePlayerActiveX" class="player" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="100%" height="100%" align="middle"><param name="allowScriptAccess" value="always">
<param name="allowFullScreen" value="false">
<param name="menu" value="false">
<param name="movie" value="http://www.gstatic.cn/top100/player/856916091-OnlinePlayer.swf">
<param name="FlashVars" value="imagePath=http%3A%2F%2Fwww.gstatic.cn%2Ftop100%2Fplayer%2F&amp;allowDomain=www.google.cn&amp;serverUrl=http%3A%2F%2Fwww.google.cn%2Fmusic%2F&amp;serverUrlHash=2BFF71E00249BE77346FADF23767F990&amp;downloadUrl=http%3A%2F%2Fg.top100.cn%2F7872775%2Fhtml%2Fdownload.html&amp;downloadUrlHash=22D7A88A7478B0DE15D37EF197C3CA32&amp;chartNames=chinese_songs_cn%2Cchinese_new_songs_cn%2Cjk_songs_cn%2Cea_songs_cn%2Cea_new_songs_cn%2Cnew-release_songs_cn%2Crock_songs_cn%2Cethnic_songs_cn%2Clatin_songs_cn%2Cjnb_songs_cn%2Crnb_songs_cn%2Ccountry_songs_cn%2Chip-hop_songs_cn%2Csoundtrack_songs_cn%2Cfolk_songs_cn%2Cpop_songs_cn%2Csoul_songs_cn%2Ceasy-listening_songs_cn&amp;chartTitles=%E5%8D%8E%E8%AF%AD%E7%83%AD%E6%AD%8C%2C%E5%8D%8E%E8%AF%AD%E6%96%B0%E6%AD%8C%2C%E6%97%A5%E9%9F%A9%E7%83%AD%E6%AD%8C%2C%E6%AC%A7%E7%BE%8E%E7%83%AD%E6%AD%8C%2C%E6%AC%A7%E7%BE%8E%E6%96%B0%E6%AD%8C%2C%E6%9C%80%E6%96%B0%E6%AD%8C%E6%9B%B2%2C%E6%91%87%E6%BB%9A%E7%83%AD%E6%AD%8C%2C%E6%B0%91%E6%97%8F%E7%83%AD%E6%AD%8C%2C%E6%8B%89%E4%B8%81%E7%83%AD%E6%AD%8C%2C%E7%88%B5%E5%A3%AB%E8%93%9D%E8%B0%83%E7%83%AD%E6%AD%8C%2CR%26B%E7%83%AD%E6%AD%8C%2C%E4%B9%A1%E6%9D%91%E7%83%AD%E6%AD%8C%2C%E5%98%BB%E5%93%88%E7%83%AD%E6%AD%8C%2C%E5%BD%B1%E8%A7%86%E7%83%AD%E6%AD%8C%2C%E6%B0%91%E8%B0%A3%E7%83%AD%E6%AD%8C%2C%E6%B5%81%E8%A1%8C%E7%83%AD%E6%AD%8C%2C%E7%81%B5%E6%AD%8C%E7%83%AD%E6%AD%8C%2C%E8%BD%BB%E9%9F%B3%E4%B9%90%E7%83%AD%E6%AD%8C&amp;chartNameHash=7AEAEDF56BB9B6BB55E0772E2750DA23&amp;topicNames=top100_collection_of_eason_chan_2009%2Ctop100_loving_in_the_delicacy%2Ctop100_be_jilted_2009%2Ctop100_songs_of_billboard_2009_part_one%2Ctop100_sony_songwriters_2009%2Ctop100_songs_of_sea%2Ctop100_glory_to_god_in_the_highest%2Ctop100_moden_music_festival_in_city%2Ctop100_party_hopping_music%2Ctop100_china_underground_2_2009%2Ctop100_the_songstress_of_amazing_jazz%2Ctop100_china_underground_1_2009%2Ctop100_the_gangsta_world_in_hip-hop_carnival%2Ctop100_the_age_of_innocence%2Ctop100_the_songs_for_children%2Ctop100_indie_2009_domestic%2Ctop100_my_love_city_songs%2Ctop100_happy_valentine_day%2Ctop100_lantern_festival_2009%2Ctop100_spring_festival_2009_folk%2Ctop100_homesick_songs%2Ctop100_spring_festival_theme_2009%2Ctop100_happy_new_year_songs%2Ctop100_the_best_cantonese_songs_of_young_people%2Ctop100_the-wind-songs%2Ctop100_the-songs-of-ordinary-people%2Ctop100_the_songs-of-malaysia-singers%2Ctop100_midi_festival_songs%2Ctop100_queen-of-cantonese-singer%2Ctop100_king-of-cantonese-singer%2Ctop100_in-the-1990s-chinese-songs%2Ctop100_cantonese_reminiscence_songs%2Ctop100_folk_songs_with_original_guitar%2Ctop100_nostalgia-songs%2Ctop100_lazy-songs%2Ctop100_environmental-protection-songs%2Ctop100_songs_of_leslie%2Ctop100_wedding_songs%2Ctop100_mid-autumn_festival_songs%2Ctop100_wisdom_women_songs%2Ctop100_olympic_hots_songs%2Ctop100_travelling_in_tibet_hot_songs%2Ctop100_earthquake_relief_songs%2Ctop100_best_men_singer-songwriter_songs%2Ctop100_joyous_music_life_songs%2Ctop100_comfortable_holiday_songs%2Ctop100_representative_songs%2Ctop100_the_overture_of_seven-color_carnations%2Ctop100_beijing_city_landmark_songs%2Ctop100_duet_songs%2Ctop100_charm_housewives_songs%2Ctop100_ost_classic_songs%2Ctop100_chinese_band_songs&amp;topicTitles=%E7%BB%8F%E5%85%B8%E9%99%88%E5%A5%95%E8%BF%85%2C%E7%BE%8E%E5%91%B3%E7%BA%AF%E7%88%B1%E7%89%A9%E8%AF%AD%2C%E5%A4%B1%E6%81%8B%E8%80%85%E7%96%97%E4%BC%A4%E4%B9%8B%E5%9C%B0%2C%E7%8E%A9%E8%BD%AC%E5%85%AC%E5%91%8A%E7%89%8C%E8%BE%91%E4%B8%80%2C%E5%88%9B%E4%BD%9C%E5%81%B6%E5%83%8F%E7%BA%A2%E4%BA%BA%E9%A6%86%2C%E4%B8%8E%E4%BD%A0%E5%8E%BB%E5%90%AC%E6%B5%B7%2C%E7%8C%AE%E7%BB%99%E8%80%B6%E5%92%8C%E5%8D%8E%E7%9A%84%E8%AF%97%2C%E6%91%A9%E7%99%BB%E9%9F%B3%E4%B9%90%E5%9F%8E%E4%B8%AD%E5%BF%97%2C%E7%83%AD%E8%88%9E%E8%BF%B7%E6%83%85%E5%A4%9C%2C%E4%B8%AD%E5%9B%BD%E5%9C%B0%E4%B8%8B%E5%8A%BF%E5%8A%9B%E8%BE%912%2C%E7%88%B5%E8%89%B2%E6%83%8A%E9%AD%82%E5%90%8D%E4%BC%B6%E8%AE%B0%2C%E4%B8%AD%E5%9B%BD%E5%9C%B0%E4%B8%8B%E5%8A%BF%E5%8A%9B%E8%BE%911%2C%E5%98%BB%E5%93%88%E5%9C%A3%E6%AE%BF%E4%B9%8B%E5%B8%AE%E5%8C%AA%E5%A0%82%2C%E7%BA%AF%E7%9C%9F%E5%B9%B4%E4%BB%A3%2C%E5%94%B1%E6%B8%B8%E7%AB%A5%E5%BF%83%E4%B9%90%E5%9B%AD%2C%E5%B0%8F%E4%BC%97%E8%BF%B7%E9%9F%B3%E4%B9%90%E8%8A%B1%E5%9B%AD%2C%E6%88%91%E7%9A%84%E7%88%B1%E6%81%8B%E5%80%BE%E5%9F%8E%2C%E6%9A%96%E5%BF%83%E5%91%8A%E7%99%BD%E5%BF%85K%E6%9B%B2%2C%E5%85%83%E5%AE%B5%E8%8A%82%E8%B5%8F%E6%9C%88%E4%BD%B3%E6%9B%B2%2C%E6%96%B0%E6%98%A5%E6%B0%91%E9%9F%B5%E4%BC%B4%E4%BD%A0%E5%BF%83%2C%E6%B5%81%E6%B5%AA%E8%80%85%E6%80%9D%E4%B9%A1%E6%81%8B%E6%9B%B2%2C%E6%96%B0%E6%98%A5%E6%97%8B%E5%BE%8B%E7%A5%9D%E7%A6%8F%E4%BD%A0%2C%E6%96%B0%E5%B9%B4%E5%96%9C%E4%B9%90%E5%8E%85%2C%E7%B2%A4%E8%AF%AD%E8%87%B3%E5%B0%8A%E6%96%B0%E4%BA%BA%E7%8E%8B%2C%E6%82%A0%E6%82%A0%E5%9B%9B%E5%AD%A3%E9%A3%8E%E4%B9%8B%E6%AD%8C%2C%E5%B9%B3%E6%B0%91%E5%B7%A8%E6%98%9F%E7%83%AD%E6%9B%B2%E6%B1%87%2C%E6%AD%8C%E4%BB%8E%E9%A9%AC%E6%9D%A5%E8%A5%BF%E4%BA%9A%E6%9D%A5%2C%E5%8E%86%E5%B1%8A%E8%BF%B7%E7%AC%9B%E7%B2%BE%E5%93%81%E6%B1%87%2C%E9%87%91%E7%89%8C%E7%B2%A4%E8%AF%AD%E5%A4%A9%E5%90%8E%E7%AF%87%2C%E9%87%91%E7%89%8C%E7%B2%A4%E8%AF%AD%E5%A4%A9%E7%8E%8B%E7%AF%87%2C%E9%87%8D%E6%B8%A990%E5%8D%8E%E8%AF%AD%E6%AD%8C%E5%9D%9B%2C%E7%B2%A4%E8%AF%AD%E6%80%80%E6%97%A7%E7%99%BD%E9%87%91%E6%9B%B2%2C%E6%B8%85%E6%96%B0%E5%90%89%E4%BB%96%E4%BC%B4%E6%B0%91%E8%B0%A3%2C%E6%97%A7%E6%97%A5%E6%80%9D%E7%BB%AA%E6%80%80%E6%97%A7%E6%9B%B2%2C%E4%BA%AB%E5%8F%97%E6%85%B5%E6%87%92%E4%BC%91%E9%97%B2%E6%AD%8C%2C%E7%BB%BF%E8%89%B2%E7%8E%AF%E4%BF%9D%E5%85%AC%E7%9B%8A%E6%AD%8C%2C%E5%9B%BD%E8%8D%A3%E7%BB%8F%E5%85%B8%E6%9B%B2%E5%9B%9E%E9%A1%BE%2C%E5%A9%9A%E7%A4%BC%E5%BF%85%E9%80%89%E7%A5%9D%E7%A6%8F%E6%AD%8C%2C%E4%B8%AD%E7%A7%8B%E8%B5%8F%E6%9C%88%E4%BD%B3%E6%9B%B2%E6%B1%87%2C%E6%89%8D%E6%83%85%E7%9F%A5%E6%80%A7%E5%A5%B3%E4%BA%BA%E6%9B%B2%2C%E5%A5%A5%E8%BF%90%E5%81%A5%E5%84%BF%E5%8A%A0%E6%B2%B9%E6%AD%8C%2C%E9%9F%B3%E4%B9%90%E5%B8%A6%E4%BD%A0%E6%B8%B8%E8%A5%BF%E8%97%8F%2C%E6%8A%97%E9%9C%87%E6%95%91%E7%81%BE%E5%A3%AE%E5%BF%97%E6%9B%B2%2C%E5%94%B1%E4%BD%9C%E7%94%B7%E7%94%9F%E6%9C%80%E6%B5%81%E8%A1%8C%2C%E5%BF%AB%E4%B9%90%E7%94%9F%E6%B4%BB%E4%BC%91%E9%97%B2%E6%AD%8C%2C%E6%94%BE%E6%9D%BE%E5%BF%83%E6%83%85%E4%B8%93%E7%94%A8%E6%AD%8C%2C%E4%B8%80%E4%BA%BA%E4%B8%80%E9%A6%96%E6%88%90%E5%90%8D%E6%9B%B2%2C%E4%B8%83%E8%89%B2%E5%BA%B7%E4%B9%83%E9%A6%A8%E5%BA%8F%E6%9B%B2%2C%E5%8C%97%E4%BA%AC%E5%9F%8E%E5%B8%82%E6%A0%87%E5%BF%97%E6%AD%8C%2C%E4%BA%8C%E4%BA%BA%E4%B8%96%E7%95%8C%E5%B1%85%E5%AE%B6%E6%9B%B2%2C%E7%BE%8E%E4%B8%BD%E4%B8%BB%E5%A6%87%E5%AE%B6%E5%8A%A1%E6%AD%8C%2C%E5%BD%B1%E8%A7%86%E9%87%91%E6%9B%B2%E7%B2%BE%E7%B2%B9%2C%E5%8D%8E%E4%BA%BA%E7%BB%84%E5%90%88%E7%83%AD%E6%AD%8C%E6%A6%9C&amp;topicNameHash=1DBE8E3536356301C7032EC3E512474C&amp;enableChina512EarthquakeRemembrance=false">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<param name="play" value="true">
<param name="scale" value="noscale">
<param name="wmode" value="window">
<param name="salign" value="lt">
<param name="loop" value="true">
<param name="name" value="OnlinePlayer">
<param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer">
<embed class="player" id="OnlinePlayerPlugin"
      src="http://www.gstatic.cn/top100/player/856916091-OnlinePlayer.swf"
      width="100%" height="100%" bgcolor="#ffffff" name="OnlinePlayer" type="application/x-shockwave-flash"
      pluginspage="http://www.macromedia.com/go/getflashplayer"
      allowScriptAccess="always" allowFullScreen="false" menu="false"
      movie="http://www.gstatic.cn/top100/player/856916091-OnlinePlayer.swf" quality="high" play="true"
      FlashVars="imagePath=http%3A%2F%2Fwww.gstatic.cn%2Ftop100%2Fplayer%2F&allowDomain=www.google.cn&serverUrl=http%3A%2F%2Fwww.google.cn%2Fmusic%2F&serverUrlHash=2BFF71E00249BE77346FADF23767F990&downloadUrl=http%3A%2F%2Fg.top100.cn%2F7872775%2Fhtml%2Fdownload.html&downloadUrlHash=22D7A88A7478B0DE15D37EF197C3CA32&chartNames=chinese_songs_cn%2Cchinese_new_songs_cn%2Cjk_songs_cn%2Cea_songs_cn%2Cea_new_songs_cn%2Cnew-release_songs_cn%2Crock_songs_cn%2Cethnic_songs_cn%2Clatin_songs_cn%2Cjnb_songs_cn%2Crnb_songs_cn%2Ccountry_songs_cn%2Chip-hop_songs_cn%2Csoundtrack_songs_cn%2Cfolk_songs_cn%2Cpop_songs_cn%2Csoul_songs_cn%2Ceasy-listening_songs_cn&chartTitles=%E5%8D%8E%E8%AF%AD%E7%83%AD%E6%AD%8C%2C%E5%8D%8E%E8%AF%AD%E6%96%B0%E6%AD%8C%2C%E6%97%A5%E9%9F%A9%E7%83%AD%E6%AD%8C%2C%E6%AC%A7%E7%BE%8E%E7%83%AD%E6%AD%8C%2C%E6%AC%A7%E7%BE%8E%E6%96%B0%E6%AD%8C%2C%E6%9C%80%E6%96%B0%E6%AD%8C%E6%9B%B2%2C%E6%91%87%E6%BB%9A%E7%83%AD%E6%AD%8C%2C%E6%B0%91%E6%97%8F%E7%83%AD%E6%AD%8C%2C%E6%8B%89%E4%B8%81%E7%83%AD%E6%AD%8C%2C%E7%88%B5%E5%A3%AB%E8%93%9D%E8%B0%83%E7%83%AD%E6%AD%8C%2CR%26B%E7%83%AD%E6%AD%8C%2C%E4%B9%A1%E6%9D%91%E7%83%AD%E6%AD%8C%2C%E5%98%BB%E5%93%88%E7%83%AD%E6%AD%8C%2C%E5%BD%B1%E8%A7%86%E7%83%AD%E6%AD%8C%2C%E6%B0%91%E8%B0%A3%E7%83%AD%E6%AD%8C%2C%E6%B5%81%E8%A1%8C%E7%83%AD%E6%AD%8C%2C%E7%81%B5%E6%AD%8C%E7%83%AD%E6%AD%8C%2C%E8%BD%BB%E9%9F%B3%E4%B9%90%E7%83%AD%E6%AD%8C&chartNameHash=7AEAEDF56BB9B6BB55E0772E2750DA23&topicNames=top100_collection_of_eason_chan_2009%2Ctop100_loving_in_the_delicacy%2Ctop100_be_jilted_2009%2Ctop100_songs_of_billboard_2009_part_one%2Ctop100_sony_songwriters_2009%2Ctop100_songs_of_sea%2Ctop100_glory_to_god_in_the_highest%2Ctop100_moden_music_festival_in_city%2Ctop100_party_hopping_music%2Ctop100_china_underground_2_2009%2Ctop100_the_songstress_of_amazing_jazz%2Ctop100_china_underground_1_2009%2Ctop100_the_gangsta_world_in_hip-hop_carnival%2Ctop100_the_age_of_innocence%2Ctop100_the_songs_for_children%2Ctop100_indie_2009_domestic%2Ctop100_my_love_city_songs%2Ctop100_happy_valentine_day%2Ctop100_lantern_festival_2009%2Ctop100_spring_festival_2009_folk%2Ctop100_homesick_songs%2Ctop100_spring_festival_theme_2009%2Ctop100_happy_new_year_songs%2Ctop100_the_best_cantonese_songs_of_young_people%2Ctop100_the-wind-songs%2Ctop100_the-songs-of-ordinary-people%2Ctop100_the_songs-of-malaysia-singers%2Ctop100_midi_festival_songs%2Ctop100_queen-of-cantonese-singer%2Ctop100_king-of-cantonese-singer%2Ctop100_in-the-1990s-chinese-songs%2Ctop100_cantonese_reminiscence_songs%2Ctop100_folk_songs_with_original_guitar%2Ctop100_nostalgia-songs%2Ctop100_lazy-songs%2Ctop100_environmental-protection-songs%2Ctop100_songs_of_leslie%2Ctop100_wedding_songs%2Ctop100_mid-autumn_festival_songs%2Ctop100_wisdom_women_songs%2Ctop100_olympic_hots_songs%2Ctop100_travelling_in_tibet_hot_songs%2Ctop100_earthquake_relief_songs%2Ctop100_best_men_singer-songwriter_songs%2Ctop100_joyous_music_life_songs%2Ctop100_comfortable_holiday_songs%2Ctop100_representative_songs%2Ctop100_the_overture_of_seven-color_carnations%2Ctop100_beijing_city_landmark_songs%2Ctop100_duet_songs%2Ctop100_charm_housewives_songs%2Ctop100_ost_classic_songs%2Ctop100_chinese_band_songs&topicTitles=%E7%BB%8F%E5%85%B8%E9%99%88%E5%A5%95%E8%BF%85%2C%E7%BE%8E%E5%91%B3%E7%BA%AF%E7%88%B1%E7%89%A9%E8%AF%AD%2C%E5%A4%B1%E6%81%8B%E8%80%85%E7%96%97%E4%BC%A4%E4%B9%8B%E5%9C%B0%2C%E7%8E%A9%E8%BD%AC%E5%85%AC%E5%91%8A%E7%89%8C%E8%BE%91%E4%B8%80%2C%E5%88%9B%E4%BD%9C%E5%81%B6%E5%83%8F%E7%BA%A2%E4%BA%BA%E9%A6%86%2C%E4%B8%8E%E4%BD%A0%E5%8E%BB%E5%90%AC%E6%B5%B7%2C%E7%8C%AE%E7%BB%99%E8%80%B6%E5%92%8C%E5%8D%8E%E7%9A%84%E8%AF%97%2C%E6%91%A9%E7%99%BB%E9%9F%B3%E4%B9%90%E5%9F%8E%E4%B8%AD%E5%BF%97%2C%E7%83%AD%E8%88%9E%E8%BF%B7%E6%83%85%E5%A4%9C%2C%E4%B8%AD%E5%9B%BD%E5%9C%B0%E4%B8%8B%E5%8A%BF%E5%8A%9B%E8%BE%912%2C%E7%88%B5%E8%89%B2%E6%83%8A%E9%AD%82%E5%90%8D%E4%BC%B6%E8%AE%B0%2C%E4%B8%AD%E5%9B%BD%E5%9C%B0%E4%B8%8B%E5%8A%BF%E5%8A%9B%E8%BE%911%2C%E5%98%BB%E5%93%88%E5%9C%A3%E6%AE%BF%E4%B9%8B%E5%B8%AE%E5%8C%AA%E5%A0%82%2C%E7%BA%AF%E7%9C%9F%E5%B9%B4%E4%BB%A3%2C%E5%94%B1%E6%B8%B8%E7%AB%A5%E5%BF%83%E4%B9%90%E5%9B%AD%2C%E5%B0%8F%E4%BC%97%E8%BF%B7%E9%9F%B3%E4%B9%90%E8%8A%B1%E5%9B%AD%2C%E6%88%91%E7%9A%84%E7%88%B1%E6%81%8B%E5%80%BE%E5%9F%8E%2C%E6%9A%96%E5%BF%83%E5%91%8A%E7%99%BD%E5%BF%85K%E6%9B%B2%2C%E5%85%83%E5%AE%B5%E8%8A%82%E8%B5%8F%E6%9C%88%E4%BD%B3%E6%9B%B2%2C%E6%96%B0%E6%98%A5%E6%B0%91%E9%9F%B5%E4%BC%B4%E4%BD%A0%E5%BF%83%2C%E6%B5%81%E6%B5%AA%E8%80%85%E6%80%9D%E4%B9%A1%E6%81%8B%E6%9B%B2%2C%E6%96%B0%E6%98%A5%E6%97%8B%E5%BE%8B%E7%A5%9D%E7%A6%8F%E4%BD%A0%2C%E6%96%B0%E5%B9%B4%E5%96%9C%E4%B9%90%E5%8E%85%2C%E7%B2%A4%E8%AF%AD%E8%87%B3%E5%B0%8A%E6%96%B0%E4%BA%BA%E7%8E%8B%2C%E6%82%A0%E6%82%A0%E5%9B%9B%E5%AD%A3%E9%A3%8E%E4%B9%8B%E6%AD%8C%2C%E5%B9%B3%E6%B0%91%E5%B7%A8%E6%98%9F%E7%83%AD%E6%9B%B2%E6%B1%87%2C%E6%AD%8C%E4%BB%8E%E9%A9%AC%E6%9D%A5%E8%A5%BF%E4%BA%9A%E6%9D%A5%2C%E5%8E%86%E5%B1%8A%E8%BF%B7%E7%AC%9B%E7%B2%BE%E5%93%81%E6%B1%87%2C%E9%87%91%E7%89%8C%E7%B2%A4%E8%AF%AD%E5%A4%A9%E5%90%8E%E7%AF%87%2C%E9%87%91%E7%89%8C%E7%B2%A4%E8%AF%AD%E5%A4%A9%E7%8E%8B%E7%AF%87%2C%E9%87%8D%E6%B8%A990%E5%8D%8E%E8%AF%AD%E6%AD%8C%E5%9D%9B%2C%E7%B2%A4%E8%AF%AD%E6%80%80%E6%97%A7%E7%99%BD%E9%87%91%E6%9B%B2%2C%E6%B8%85%E6%96%B0%E5%90%89%E4%BB%96%E4%BC%B4%E6%B0%91%E8%B0%A3%2C%E6%97%A7%E6%97%A5%E6%80%9D%E7%BB%AA%E6%80%80%E6%97%A7%E6%9B%B2%2C%E4%BA%AB%E5%8F%97%E6%85%B5%E6%87%92%E4%BC%91%E9%97%B2%E6%AD%8C%2C%E7%BB%BF%E8%89%B2%E7%8E%AF%E4%BF%9D%E5%85%AC%E7%9B%8A%E6%AD%8C%2C%E5%9B%BD%E8%8D%A3%E7%BB%8F%E5%85%B8%E6%9B%B2%E5%9B%9E%E9%A1%BE%2C%E5%A9%9A%E7%A4%BC%E5%BF%85%E9%80%89%E7%A5%9D%E7%A6%8F%E6%AD%8C%2C%E4%B8%AD%E7%A7%8B%E8%B5%8F%E6%9C%88%E4%BD%B3%E6%9B%B2%E6%B1%87%2C%E6%89%8D%E6%83%85%E7%9F%A5%E6%80%A7%E5%A5%B3%E4%BA%BA%E6%9B%B2%2C%E5%A5%A5%E8%BF%90%E5%81%A5%E5%84%BF%E5%8A%A0%E6%B2%B9%E6%AD%8C%2C%E9%9F%B3%E4%B9%90%E5%B8%A6%E4%BD%A0%E6%B8%B8%E8%A5%BF%E8%97%8F%2C%E6%8A%97%E9%9C%87%E6%95%91%E7%81%BE%E5%A3%AE%E5%BF%97%E6%9B%B2%2C%E5%94%B1%E4%BD%9C%E7%94%B7%E7%94%9F%E6%9C%80%E6%B5%81%E8%A1%8C%2C%E5%BF%AB%E4%B9%90%E7%94%9F%E6%B4%BB%E4%BC%91%E9%97%B2%E6%AD%8C%2C%E6%94%BE%E6%9D%BE%E5%BF%83%E6%83%85%E4%B8%93%E7%94%A8%E6%AD%8C%2C%E4%B8%80%E4%BA%BA%E4%B8%80%E9%A6%96%E6%88%90%E5%90%8D%E6%9B%B2%2C%E4%B8%83%E8%89%B2%E5%BA%B7%E4%B9%83%E9%A6%A8%E5%BA%8F%E6%9B%B2%2C%E5%8C%97%E4%BA%AC%E5%9F%8E%E5%B8%82%E6%A0%87%E5%BF%97%E6%AD%8C%2C%E4%BA%8C%E4%BA%BA%E4%B8%96%E7%95%8C%E5%B1%85%E5%AE%B6%E6%9B%B2%2C%E7%BE%8E%E4%B8%BD%E4%B8%BB%E5%A6%87%E5%AE%B6%E5%8A%A1%E6%AD%8C%2C%E5%BD%B1%E8%A7%86%E9%87%91%E6%9B%B2%E7%B2%BE%E7%B2%B9%2C%E5%8D%8E%E4%BA%BA%E7%BB%84%E5%90%88%E7%83%AD%E6%AD%8C%E6%A6%9C&topicNameHash=1DBE8E3536356301C7032EC3E512474C&enableChina512EarthquakeRemembrance=false"
      scale="noscale" wmode="window" salign="lt" loop="true"/></object></div></div>

<div id="debug-msg-container" style="display: none"></div>
<div class="ads-absolute"><div class="ads-line"><div class="ads-image"><iframe id="top100_admusic_adifr" src="" frameborder="0" width="630" height="80" scrolling="no"></iframe></div></div></div></body></html>

喜欢这篇文章吗?

请订阅本站 RSS feed 或填写您的邮件地址，订阅我们的精彩内容：

随机日志

]]> http://ihacklog.com/xml_html_css_js_ajax/googletiaoge.html/feed 0 百度空间删除文章的隐藏表单 http://ihacklog.com/xml_html_css_js_ajax/baidukongjianshanchuwenzhangdeyincangbiaodan.html http://ihacklog.com/xml_html_css_js_ajax/baidukongjianshanchuwenzhangdeyincangbiaodan.html#comments Wed, 27 May 2009 13:54:04 +0000 荒野无灯 http://blog.thinkstd.com/?p=2155 原创文章

下面是定义的函数：

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
31
32
33
34
35
<script language="javascript">
<!--
var k=0,j=0;

function blogdel(str)
{
    var pop=new Popup({ contentType:3,isReloadOnClose:false,width:340,height:80});
    pop.setContent("title","删除文章");
    pop.setContent("confirmCon","您确定要彻底删除这篇文章及其所有评论吗？");
    pop.setContent("callBack",delCallback);
    pop.setContent("parameter",{fid:str,popup:pop});
    pop.build();
    pop.show();
    return false;
}

function delCallback(para)
{
    var o_pop=para["popup"];
    o_pop.config.contentType=1;
    o_pop.setContent("contentUrl","");
    o_pop.reBuild();
    G(para["fid"]).target=o_pop.iframeIdName;
    eval("document."+para["fid"]).submit();
}

 String.prototype._encodeHTML = function () {
   return this.replace(/./g, function(s) {
        return  ('&#' + s.charCodeAt(0) +";");
   });
 };
 var XSSspRefURL = window.location.href._encodeHTML();

//-->
</script>

在每篇博文处加上了js代码：

1
2
3
4
5
6
7
<script language="javascript">
        <!--
        document.getElementById("dArea").id = "dArea" + k;
        document.getElementById("dArea"+k).innerHTML = " | <a href='#' onClick='return blogdel(\"form"+k+"\");'>删除</a> <form style='display:none;' action='/54phper/commit' name='form"+k+"' id='form"+k+"' method='post'><input type='hidden'  name='ct' value='1'><input type='hidden'  name='cm' value='3'><input type='hidden'  name='spBlogID' value='a59858dee1340450cdbf1a35'><input type='hidden' name='spRefURL' value='"+XSSspRefURL+"'></form>";
        k++;
        //-->
</script>

其中有一个隐藏表单，表单action指向http://hi.baidu.com/54phper/commit ,表单name 、 id 都是加上自增数k生成的。
其中还有很多隐藏域，spBlogID为博文在数据库里的id，这个参数比较重要，其它的是类别啊什么的，那个就不说了。
form name (表单名称) 和blogdel里传递的参数是相同的，这一点要注意。

1
eval("document."+para["fid"]).submit();

即是提交隐藏的表单删除文章。

j变量用于显示博文的即时浏览量：

1
浏览(<span id="fArea"></span><script language="javascript">var tps = "<span id='div"+j+"'></span>";j++;document.getElementById("fArea").id = "fArea" + j;document.getElementById("fArea"+j).innerHTML = tps;</script>)

喜欢这篇文章吗?

请订阅本站 RSS feed 或填写您的邮件地址，订阅我们的精彩内容：

随机日志

]]> http://ihacklog.com/xml_html_css_js_ajax/baidukongjianshanchuwenzhangdeyincangbiaodan.html/feed 0