百度世界之窗

最新推荐文章于 2021-08-03 17:23:55 发布
最新推荐文章于 2021-08-03 17:23:55 发布
阅读量1.5k 收藏 1
点赞数
分类专栏： CSS类 DHTML类 Javascript类 文章标签： 百度 function image 娱乐 音乐 border
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cdefu/article/details/4620052
版权
Javascript类 同时被 3 个专栏收录
112 篇文章 0 订阅
订阅专栏
DHTML类
103 篇文章 0 订阅
订阅专栏
CSS类
53 篇文章 0 订阅
订阅专栏

前面引用:

<iframe width="960"  height="140" scrolling="no" frameborder="0" src="scroll.html" marginwidth="0" hspace="0" allowtransparency="true"></iframe>

 

引用页面:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>百度世界之窗</title>
<style type="text/css">
body{margin:0;}
form,h1,h2,h3,h4,ul,li,dl,dt,dd{margin:0;padding:0}
body,div,td,th{font-family:Arial;}
div{text-align:left}
img{border:0}
ul{list-style:none}
.slide{margin:0;}
#slide_left{width:30px;height:164px;}
#slide_right{width:30px;height:164px;}
#slide_left b{display:block;width:100%;height:100%;cursor:pointer;background:url(http://60.baidu.com/resource/r/60/img/slide_left.jpg) no-repeat 7px 35px;}
#slide_right b{display:block;width:100%;height:100%;cursor:pointer;background:url(http://60.baidu.com/resource/r/60/img/slide_right.jpg) no-repeat 7px 35px;}
#slide_left .arr_left{background:url(http://60.baidu.com/resource/r/60/img/slide_left.jpg) no-repeat 7px 35px;}
#slide_right .arr_right{background:url(http://60.baidu.com/resource/r/60/img/slide_right.jpg) no-repeat 7px 35px;}
.slide_mask{width:900px;overflow:hidden;height:122px;}/* 显示区域的宽度 */
.slide_mask ul{float:left;margin:0}
.slide_mask li{float:left;width:132px;display:inline;text-align:center;padding:0 23px;font-size:12px}
.slide_mask li a{text-decoration:none;color:#000;}
.slide_mask img{border:1px solid #d50000;margin-bottom:3px}
.slide_mask a{font-size:12px;line-height:20px;}
.slide_holder{width:4000px;height:122px}

.col1{color:#e10601}
</style>
<script type="text/javascript">
function G(id){ return document.getElementById(id); }
var flag=0;
var Msg_loopNum = 5;
function showMsg(){
if (typeof(redmsg)!= 'undefined') {
if (!redmsg || redmsg.length < 1) { return; }
document.getElementById('mnum').innerHTML = redmsg;
}
else
{
if(Msg_loopNum > 0) {setTimeout(function(){showMsg();},100);Msg_loopNum--;}
}
}
function g(){var ls=location.search;if(ls.indexOf("q=")!=-1){try{var q=(ls.match(new RegExp("q=[^&$]*")).toString());document.f1.word.value=decodeURIComponent(q.substr(2));}catch(e){}}}
function s(o,p){if(document.f1.word.value.length>0){var oh=o.href;var wd=encodeURIComponent(document.f1.word.value);if(oh.indexOf("q=")!=-1){o.href=oh.replace(new RegExp("q=[^&$]*"),"q="+wd);}else{var s=p?"&":"?";o.href=o.href+s+"q="+wd};}}
function cutText(jsonText,ffOnly) {
if (ffOnly) {
if (typeof(document.getElementsByTagName('body')[0].style.textOverflow)!='undefined' && typeof(window.opera)!='undefined') { return; }
}
for (var name in jsonText) {
var length=jsonText[name];
var elems=document.getElementsByName(name);
for (var i=elems.length-1; i>=0; i--) {
if (elems[i].scrollWidth>length) { elems[i].innerHTML+="..."; }
while (elems[i].scrollWidth>length) {
elems[i].innerHTML=elems[i].innerHTML.substr(0,elems[i].innerHTML.length-4)+"...";
}
}
}
}
function formatPic(jsonPic){
for (var name in jsonPic) {
var maxWidth=jsonPic[name].width;
var maxHeight=jsonPic[name].height;
var valign=jsonPic[name].valign;
var image=document.getElementsByName(name);
for(var i=0;i<image.length;i++)
{
if(image[i].width>0 && image[i].height>0){
var rate = (maxWidth/image[i].width < maxHeight/image[i].height)?maxWidth/image[i].width:maxHeight/image[i].height;
if(rate <= 1){     
image[i].width = image[i].width*rate;
if (valign==1) { image[i].style.marginTop = (maxHeight-image[i].height)/2 + "px"; }
}
}
}
}
}
var sid=((new Date()).getTime()+"_"+Math.round(Math.random()*2147483637));
function sendPfScrollStat() { if(document.images){(new Image()).src='/js/blank.js?func=pfscroll&sid='+sid+'&t='+(new Date()).getTime();} }
</script>
</head>
<body  bgcolor="transparent">
  <table border="0" cellpadding="0" cellspacing="0" class="slide">
    <tr valign="top">
      <td valign="top"><div id="slide_left"><b id="arrow_left"></b></div></td>
  <td valign="top">
<div class="slide_mask" id="slidePic">
  <div class="slide_holder">
    <ul id="holder1">
      <li><a href="http://list.mp3.baidu.com/zt/2009/60years.html" target="_blank"><div><img name="slidepic" src="http://60.baidu.com/resource/r/60/img/scroll_pic1.jpg" alt="百度MP3 ——经典红歌 穿越音乐华章" title="百度MP3 ——经典红歌 穿越音乐华章"></div>经典红歌 穿越音乐华章</a></li>
      <li><a href="http://tieba.baidu.com/f?kz=637667104" target="_blank"><div><img name="slidepic" src="http://60.baidu.com/resource/r/60/img/scroll_pic2.jpg" alt="百度贴吧 ——让中国红红遍贴吧" title="百度贴吧 ——让中国红红遍贴吧"></div>让中国红红遍贴吧</a></li>
      <li><a href="http://news.baidu.com/z/60years/" target="_blank"><div><img name="slidepic" src="http://60.baidu.com/resource/r/60/img/scroll_pic3.jpg" alt="百度新闻 ——新闻专题  红赞 " title="百度新闻 ——新闻专题  红赞 "></div>新闻专题  红赞 </a></li>
      <li><a href="http://www.baidu.com/search/baike/zhuti-guoqing60/" target="_blank"><div><img name="slidepic" src="http://60.baidu.com/resource/r/60/img/scroll_pic4.jpg" alt="百度百科、知道  ——祖国60年光辉历程" title="百度百科、知道  ——祖国60年光辉历程"></div>祖国60年光辉历程</a></li>
      <li><a href="http://hi.baidu.com/%B0%D9%B6%C8%BF%D5%BC%E4/blog/item/203cf8dcc38146a8cd1166e8.html" target="_blank"><div><img name="slidepic" src="http://60.baidu.com/resource/r/60/img/scroll_pic5.jpg" alt="百度空间 ——祝福祖国 全球Hier行动起来" title="百度空间 ——祝福祖国 全球Hier行动起来"></div>祝福祖国 全球Hier行动起来</a></li>
      <li><a href="http://hi.baidu.com/baiduhi/blog/item/0e8bcd95df6424027bf480dc.html" target="_blank"><div><img name="slidepic" src="http://60.baidu.com/resource/r/image/2009-09-25/ea0cc09b4cc74e8422a7c236e876f46f.jpg" alt="传承中国心，共贺祖国60华诞" title="传承中国心，共贺祖国60华诞"></div>百度Hi 共贺祖国60华诞</a></li>
      <li><a href="http://yule.baidu.com/zt/star/china60/index.html" target="_blank"><div><img name="slidepic" src="http://60.baidu.com/resource/r/image/2009-09-26/901d4b6b7b80f71f54327c743f5d810d.jpg" alt="百度娱乐迎国庆特别策划" title="百度娱乐迎国庆特别策划"></div>百度娱乐迎国庆特别策划</a></li>
      <li><a href="http://news.baidu.com/z/60years/" target="_blank"><div><img name="slidepic" src="http://60.baidu.com/resource/r/60/img/scroll_pic3.jpg" alt="百度新闻 ——新闻专题  红赞 " title="百度新闻 ——新闻专题  红赞 "></div>新闻专题  红赞 </a></li>
      <li><a href="http://baike.baidu.com/task/688" target="_blank"><div><img name="slidepic" src="http://60.baidu.com/resource/r/60/img/scroll_pic4.jpg" alt="百度百科、知道  ——祖国60年光辉历程" title="百度百科、知道  ——祖国60年光辉历程"></div>祖国60年光辉历程</a></li>
      <li><a href="http://hi.baidu.com/%B0%D9%B6%C8%BF%D5%BC%E4/blog/item/203cf8dcc38146a8cd1166e8.html" target="_blank"><div><img name="slidepic" src="http://60.baidu.com/resource/r/image/2009-09-18/0426360a189e670f0db6f001a404f1a4.jpg" alt="百度空间 ——祝福祖国 全球Hier行动起来" title="百度空间 ——祝福祖国 全球Hier行动起来"></div>祝福祖国 全球Hier行动起来</a></li>
      <li><a href="http://list.mp3.baidu.com/zt/2009/60years.html" target="_blank"><div><img name="slidepic" src="http://60.baidu.com/resource/r/60/img/scroll_pic1.jpg" alt="百度MP3 ——经典红歌 穿越音乐华章" title="百度MP3 ——经典红歌 穿越音乐华章"></div>经典红歌 穿越音乐华章</a></li>
      <li><a href="http://hi.baidu.com/baiduhi/blog/item/0e8bcd95df6424027bf480dc.html" target="_blank"><div><img name="slidepic" src="http://60.baidu.com/resource/r/image/2009-09-25/ea0cc09b4cc74e8422a7c236e876f46f.jpg" alt="传承中国心，共贺祖国60华诞" title="传承中国心，共贺祖国60华诞"></div>百度Hi 共贺祖国60华诞</a></li>
      <li><a href="http://yule.baidu.com/zt/star/china60/index.html" target="_blank"><div><img name="slidepic" src="http://60.baidu.com/resource/r/image/2009-09-26/901d4b6b7b80f71f54327c743f5d810d.jpg" alt="百度娱乐迎国庆特别策划" title="百度娱乐迎国庆特别策划"></div>百度娱乐迎国庆特别策划</a></li>
      <li><a href="http://baike.baidu.com/task/688" target="_blank"><div><img name="slidepic" src="http://60.baidu.com/resource/r/60/img/scroll_pic4.jpg" alt="百度百科、知道  ——祖国60年光辉历程" title="百度百科、知道  ——祖国60年光辉历程"></div>祖国60年光辉历程</a></li>
      <li><a href="http://hi.baidu.com/%B0%D9%B6%C8%BF%D5%BC%E4/blog/item/203cf8dcc38146a8cd1166e8.html" target="_blank"><div><img name="slidepic" src="http://60.baidu.com/resource/r/60/img/scroll_pic5.jpg" alt="百度空间 ——祝福祖国 全球Hier行动起来" title="百度空间 ——祝福祖国 全球Hier行动起来"></div>祝福祖国 全球Hier行动起来</a></li>
     
            </ul>
            <script type="text/javascript">cutText({pftitle:72},1);</script>
            <ul id="holder2">
            </ul>
          </div>
      </div></td>
      <td><div id="slide_right"><b id="arrow_right"></b></div></td>
    </tr>
  </table>
<script type="text/javascript">
var Slider=(function() {
var speed = 12;
var space = 6;
var slideWidth = 176;
var moveLock = false;
var moveTimer;
var dist = 0;
var slideTimer=null;
var isScroll = false;
var holder1 = G("holder1");
var slidePic = G("slidePic");
G("holder2").innerHTML = holder1.innerHTML;
slidePic.scrollLeft = holder1.scrollWidth;
function slidePlay(){
clearInterval(slideTimer);
slideTimer = setInterval(function(){slideDown();slideStopDown();},3000);
}
function slideStop(){
clearInterval(slideTimer);
}
function slideUp(){
if(moveLock) return;
clearInterval(slideTimer);
moveLock = true;
moveTimer = setInterval(function(){scrollUp();},speed);
}
function slideStopUp(){
if(isScroll);
clearInterval(moveTimer);
if(slidePic.scrollLeft % slideWidth != 0){
dist = -(slidePic.scrollLeft % slideWidth);
setDist();
}else{
moveLock = false;
}
slidePlay();
}
function scrollUp(){
if(slidePic.scrollLeft <= 0){slidePic.scrollLeft = holder1.offsetWidth}
slidePic.scrollLeft -= space;
}
function slideDown(){
clearInterval(moveTimer);
if(moveLock) return;
clearInterval(slideTimer);
moveLock = true;
scrollDown();
moveTimer = setInterval(function(){scrollDown();},speed);
}
function slideStopDown(){
if(isScroll);
clearInterval(moveTimer);
if(slidePic.scrollLeft % slideWidth != 0 ){
dist = slideWidth - slidePic.scrollLeft % slideWidth;
setDist();
}else{
moveLock = false;
}
slidePlay();
}
function scrollDown(){
if(slidePic.scrollLeft >= holder1.scrollWidth){slidePic.scrollLeft = 0;}
slidePic.scrollLeft += space ;
}
function setDist(){
if(dist == 0){
moveLock = false;
isScroll = false;
return;
}
var num;
var tempSpeed = speed,tempDist = space;
if(Math.abs(dist)<slideWidth/5){
tempDist =  Math.round(Math.abs(dist/5));
if(tempDist<1){tempDist=1};
}
if(dist < 0){
if(dist < -tempDist){
dist += tempDist;
num = tempDist;
}else{
num = -dist;
dist = 0;
}
slidePic.scrollLeft -= num;
setTimeout(function(){setDist();},tempSpeed);
}else{
if(dist > tempDist){
dist -= tempDist;
num = tempDist;
}else{
num = dist;
dist = 0;
}
slidePic.scrollLeft += num;
setTimeout(function(){setDist();},tempSpeed);
}
}
function init() {
var p=G('slidePic');
p.οnmοuseοver=function(){Slider.stop();};
p.οnmοuseοut=function(){Slider.play();};
var l=G('slide_left'),r=G('slide_right');
l.οnmοuseοver=r.οnmοuseοver=function(){Slider.stop();this.className='arr_bg';};
l.οnmοuseοut=r.οnmοuseοut=function(){this.className='';Slider.play();};
var lb=G('arrow_left');
lb.οnmοusedοwn=function(){this.className='arr_left';Slider.up();};
lb.οnmοuseup=function(){Slider.stopUp();};
lb.οnmοuseοut=function(){Slider.stopUp();this.className='';};
var rb=G('arrow_right');
rb.οnmοusedοwn=function(){this.className='arr_right';Slider.down();};
rb.οnmοuseup=function(){Slider.stopDown();};
rb.οnmοuseοut=function(){Slider.stopDown();this.className='';};
lb.οnclick=rb.οnclick=function(){setTimeout(sendPfScrollStat,1000);};
slidePlay();
}
return {
init:init,
play:slidePlay,
stop:slideStop,
up:slideUp,
stopUp:slideStopUp,
down:slideDown,
stopDown:slideStopDown
}
})();
window.οnlοad=function() {
Slider.init();

}
</script>
</body>
</html>

快乐无边
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
世界之窗浏览器
10-04
《世界之窗浏览器：小巧而强大的浏览体验》 在互联网高速发展的今天，浏览器已经成为我们日常生活中不可或缺的一部分。作为一款小巧却功能强大的浏览器，“世界之窗浏览器”无疑为用户提供了便捷高效的网页浏览体验...
网络浏览器——世界之窗
11-12
《网络浏览器——世界之窗详解》 在互联网的广阔天地中，一款优秀的浏览器如同一扇通向世界的窗口，让我们能够便捷地浏览、搜索和获取信息。"世界之窗"浏览器，以其独特的魅力和实用性，成为了许多用户的首选。本文...
linux 小巧的浏览器,崇尚简约 六款小体积浏览器推荐
weixin_39687542的博客
05-15 852
现今的人们从来不缺功能全面而强大的浏览器，诸如IE、猎豹浏览器、谷歌浏览器等等，数不胜数，它们能提供快捷贴心用户友好的网上冲浪服务，除此之外，从拦截病毒、屏蔽广告、网购护航到小说订阅、电视剧更新提醒、文字翻译，甚至系统优化，这些浏览器都会涉足一些，甚至在具备众多功能的同时能为用户带来极速的体验。然而在很多时候，我们并不需要如此全面的功能，我们只希望自己电脑上的浏览器尽可能地精致玲珑，不要占用太多的...
vue 的一些知识点
weixin_44226752的博客
08-03 340
1.vue脚手架和数据双向绑定，如何搭建脚手架，双向数据绑定原理 vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。 如何搭建脚手架：在命令行窗口输入vue ui ，按下回车后会自动在浏览器中打开图形化界面，然后按照需要进行下面操作。 双向绑定，指的是vue实例中的data与其渲染的DOM元素的内容保持一致，无论谁被改变，另一方会相应的更新为相同的数据。 这是通过设置属性访问器实现的。 v-mod
跟我一起做一个vue的小项目（七）
weixin_30409849的博客
07-10 109
先看下我们所做项目的效果 这些数据都是我们在data中定义的，不是从后端数据中请求的。那么 接下来我们使用axios渲染数据 npm install axios --save 每个组件里面的数据都不相同，但是单个的组件去进行数据请求的话，那么ajax请求还是太多了，我们在home.vue中发起一个请求 我们使用mock数据，在static中创建一个mock文件夹写入json文件 vue中提出了一...
vue 前端
aa_mmnn的博客
04-20 1337
1、v-model是什么？ vue中标签怎么绑定事件？ 答：v-model这个指令只能用在表单元素上，可以用他进行双向数据绑定。绑定事件：<input @click=doLog() /> 2、mvvm框架是什么？说说对双向数据绑定的理解？它和其它框架（jquery）的区别是什么？哪些场景适合？ 答：mvvm的m模型就是用来定义驱动的数据、v经过数据改变后的html、vm就是连接数据和视...
很好用的浏览器
12-11
世界之窗6.2正式版（6.2.0.124）发布 优化： 内核升级至31.0.1650.57（chrome31最新稳定版） 增加自带MP3/MP4/mpeg解码 修复： 修复百度地图鼠标无法选中页面内容，百度全景无法鼠标拖拽等兼容性问题 修复内核不兼容...
百度地图检索
07-28
【百度地图检索】是互联网地图服务的一个重要组成部分，它提供了丰富的地理信息查询功能，帮助用户在虚拟世界中找到现实世界中的各种地点。百度地图作为中国最大的在线地图平台之一，不仅覆盖了全国范围内的道路、...
百度什么时候上线的百科超级名片(说一说百度百科超级名片的简介)
08-08
百度百科，作为中国互联网上最大的在线百科全书之一，自其诞生以来就扮演着为用户提供权威、全面信息的重要角色。而“百度百科超级名片”，也即“我的百科”创作者名片，是百度百科在内容创作者服务上的一个重要创新...
FF IE都可用的Flash播放器
热门推荐
php|nginx|python|vue|redis|linux
09-26 1万+
               var pic_width = 417;// 图片宽度var pic_height = 215;// 图片高度var button_pos = 4;// 按扭位置 1左 2右 3上 4下var stop_time = 4000;// 图片停留时间(1000为1秒钟)var show_text = 0;// 是否显示文字标签
javascript 动态添加表格行
php|nginx|python|vue|redis|linux
09-01 6949
 javascript 动态添加表格行动态添加表格行 文/Ray表格部分代码如下：第一行第二行第三行动态添加表行的javascript函数如下：function addRow(){//添加一行var newTr = testTbl.insertRow();//添加两列var newTd0 = newTr.insertCell();var newTd1 = newTr.i
jQuery对select操作小结
php|nginx|python|vue|redis|linux
02-11 6377
//遍历option和添加、移除optionfunction changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){  $("select[@name=ISHIPTYPE] option").each(function(){   if($
调用Google接口实现英汉翻译
php|nginx|python|vue|redis|linux
03-17 3896
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档http://www.google.com/jsapi" type="text/javascript">输入要翻译的内容:                google.load("language", "1"
一个超强日历控件
php|nginx|python|vue|redis|linux
05-09 3423
http://www.my97.net/dp/demo/index.htm 超强日历控件 可控制时分秒如下图:
网页切片应该怎么切
php|nginx|python|vue|redis|linux
04-30 3416
 　　做为一个网页设计人员对网页切片应该要运用自如，无论什么时候都要考虑到用最小的切片来制作网页，这样做的目的是为了加快网页加载时的速度。我相信还有很多设计师朋友都网页效果图如德切片不太理解的，其实很简单做到下面几点应该就什么问题了。　　（一）颜色范围的取值：假如一个区域中颜色对比的范围不是很大的，就只有几种颜色，这样的话就应该单独的把他切出来，如果就一种颜色，可以用代码来表示
dl dt dd样式
php|nginx|python|vue|redis|linux
09-15 2804
dl dt dd 样式
图片上传支持预览（C#）
php|nginx|python|vue|redis|linux
03-20 2055
用到的命名空间： using System.Data.SqlClient;using System.IO;using System.Xml;   function PreviewImg(){    //原来的预览代码，不支持 IE7。    var oldPreview = document.getElementById("newPreview");    oldPrevi
c#使用 主题文件实现多界面
php|nginx|python|vue|redis|linux
03-11 1967
关键1、在web site中添加App_Themes文件夹，可以在每个主题文件加内添加.skin文件、.css文件（指定主题后会自动加载主题下所有.css文件）或者图片文件2、在web.config的元素下的元素下设置theme或者styleSheetTheme属性（针对全局）；在页的@Page指令里设置Theme或者StylesheetTheme属性（针对当前页）3、Theme定义的样式
世界之窗浏览器pe版
最新发布
01-26
世界之窗浏览器PE版是一款为Windows系统推出的全新浏览器，它汇集了世界之窗浏览器团队多年的技术和经验，致力于为用户提供更快速、安全、便捷的上网体验。 这个PE版的浏览器有着更为精简的体积和更快速的运行速度...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值