怎么写一个方便看美女图的HTML应用程序
1、鼠标右键，新建一个.txt的文本文件。
2、双击打开，将如下代码复制到里面：
<style>
#out{width:100%;height:100%;position:absolute;left:0px;top:0px;text-align:center;}
select,input{position:relative;left:20px;top:0px;width:100px;font-size:14px;font-family:微软雅黑;border:none;}
input{font-size:12px;left:20px;height:28px;;background-color:#116eae;color:#ffffff;border:none;}
#tp{z-index:100;position:absolute;left:0px;top:0px;width:320px;overflow:hidden;filter:alpha(opacity=70);height:30px;}
</style>
<div id='tp'>
<select id='tag1' onchange='chang(this.value)'></select>
<select id='tag2'></select>
<input type='button' onclick='beginImg([t1.value,t2.value])' value='GO!' />
</div>
<div id='out'></div>
<title>美女>></title>
<script>
var x = new ActiveXObject('msxml2.xmlhttp'),
list = {},
t1 = $('tag1'),
t2 = $('tag2'),
o = $('out'),
db=document.body;
xp = function(url, callback) {
x.open('GET', url, 1);
x.onreadystatechange = function() {
if (x.readyState == 4) callback(x.responseText)
};
x.send()
};
$('tp').onmouseover = function() {
$('tp').style.filter = 'alpha(opacity=100)';
clearTimeout($('tp').s);
$('tp').s = setTimeout(function() {
$('tp').style.filter = 'alpha(opacity=70)'
},
1000)
};
function $(x) {
return document.getElementById(x)
};
chang = function(a) {
if(t1.value!=a){
for(var i=0,tc=t1.children;i<tc.length;i++)
if(tc[i].value==a){
tc[i].selected=true;
break;
}
}
t2.innerHTML = '';
for (var b in list[a]) if (b) {
with(t2.appendChild(document.createElement('option'))) value = innerHTML = list[a][b]
}
};
rp = function(reg, txt) {
var r = txt.match(reg).join('');
return r.replace(reg,
function() {
var a = arguments;
for (i = 1; i <= 9; i++) if (a[i]) return a[i] + '\n';
return ''
})
};
xp('http://image.baidu.com/channel',
function(e) {
var d = rp(/<a data-nsclick=.*?title="(.+?)".+?href="\/channel.+?">(.+?)<\/a>/g, e).split('\n');
for (var i = 0; i < d.length; i++) {
var _t = d[i].split('>');
list[_t[0]] = list[_t[0]] || [];
list[_t[0]].push(_t[1])
};
for (var a in list) if (a) {
with(t1.appendChild(document.createElement('option'))) value = innerHTML = a
};
chang('美女');
});
beginImg = function(tags) {
o.innerHTML = '';
document.title = "美女>>:" + tags.join('-');
var ex = 1,
pn = 0;
db.onscroll = function() {
$('tp').style.top=db.scrollTop+'px';
if (ex && db.scrollHeight - db.scrollTop < 12000) {
ex = 0;
add()
}
};
add();
function getTags(s) {
for (s = [], i = 0; i < tags.length; i++) s.push('tag' + (i + 1) + '=' + encodeURI(tags[i]));
return s.join('&')
};
function add() {
xp('http://image.baidu.com/channel/listjson?fr=channel&' + getTags() + '&sorttype=0&pn=' + (pn += 60) + '&rn=60&ie=utf8&oe=utf-8&236628272961' + Math.random(),
function(a) {
o.appendChild(document.createElement('div')).innerHTML = (function(a) {
a = a.match(/(image_url[^a-z]+http:\/\/[^"]+"|$)/ig);
for (var i = 0; i < a.length; i++) {
if (src = a[i].replace(/^.+?\:|"/ig, '')) a[i] = '<img src="' + src + '"/>'
};
ex = 1;
return a.join('<br>')
})(a)
})
}
}
</script>
3、保存。推出，将这个文件改为后缀 .hta 格式的文件。如：看美女.hta
4、双击该文件，好了。看看是不是很方便看美女图
