A. 谁能给一段JS代码,类似于有个信息提示图标 点击向右展开,并且展开内容自动滚动(类似于新闻滚动)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
*{ padding:0; margin:0;}
#div1 {width:300px; height:200px; background:#CCC; position:absolute; left:-300px;}
#div1 span {width:20px; height:60px; line-height:20px; text-align:center; left:300px; top:70px; background:yellow; position:absolute; }
#div1 li{ list-style:none;}
#div1 ul{ width:300px; height:auto; float:left; }
#div1 li{ width:100%; height:30px; position:relative; overflow:hidden; border-bottom:1px dashed #fff; line-height:30px;}
#div1 li div{ position:absolute; top:-30px;}
#div1 li p{ height:30px;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload=function ()
{
var oDiv=document.getElementById('div1');
var oBtn=oDiv.getElementsByTagName('span')[0];
var oUl=document.getElementById('ul1');
var aDiv=oUl.getElementsByTagName('div');
var iNow=0;
var bt=true;
var timer=null;
oBtn.onclick=function()
{
startMove(oDiv,{left:0},function()
{
setInterval(function (){
timer=setInterval(function ()
{
if(iNow==aDiv.length)
{
clearInterval(timer);
iNow=0;
bt=!bt;
}
else if(bt)
{
startMove(aDiv[iNow],{top:0});
iNow++;
}
else
{
startMove(aDiv[iNow],{top:-30});
iNow++;
}
},400);
},2000);
});
}
}
function getStyle(obj, attr)
{
if(obj.currentStyle)
{
return obj.currentStyle[attr];
}
else
{
return getComputedStyle(obj, false)[attr];
}
}
function startMove(obj, json, fn)
{
clearInterval(obj.timer);
obj.timer=setInterval(function (){
var bStop=true; //这一次运动就结束了——所有的值都到达了
for(var attr in json)
{
//1.取当前的值
var iCur=0;
if(attr=='opacity')
{
iCur=parseInt(parseFloat(getStyle(obj, attr))*100);
}
else
{
iCur=parseInt(getStyle(obj, attr));
}
//2.算速度
var iSpeed=(json[attr]-iCur)/8;
iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);
//3.检测停止
if(iCur!=json[attr])
{
bStop=false;
}
if(attr=='opacity')
{
obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';
obj.style.opacity=(iCur+iSpeed)/100;
}
else
{
obj.style[attr]=iCur+iSpeed+'px';
}
}
if(bStop)
{
clearInterval(obj.timer);
if(fn)
{
fn();
}
}
}, 30)
}
</script>
</head>
<body>
<div>
<div id="div1">
<ul id="ul1">
<li>
<div>
<p>你你你你你你你你你你</p>
<p>滚滚滚滚滚滚滚滚滚滚</p>
</div>
</li>
<li>
<div>
<p>滚滚滚滚滚滚滚滚滚滚</p>
<p>你你你你你你你你你你</p>
</div>
</li>
</ul>
<span>aa</span></div>
</div>
</body>
</html>
B. 百度的新闻输出怎么样调用js的
打开上面的网址,然后查看源代码,你就能看到HTML标记。里面的所有中文文字都是进行了utf-8编码的。
实际上就是用document.write来输出源代码。
你可以随便做一个js,里面写上document.write('<h1>文字</h1>');在你的网页里引用,就会看到输出文字。
C. 求帮忙,我想在前台实现新闻列表分页,数据是一次性全部从数据库中读出,然后前台用JS或其它实现列表分页
从数据库一次性读出所有的记录并不是一个好的做法。虽然你完全可以这样做,但是如果你这么做了,你的网站将糟糕得一塌糊涂。
为了能让你不误入歧途,我说一下正确的做法。
方法一:用sql进行分页,获取分页数据。根据Reques.QueryString来获取页索引,根据页索引和页大小获取分页数据,然后生成html。
方法二:也是一个用于大型网站的方法。新闻条数的增长速度是相对缓慢的,在新增一条新闻前,每次查询出的数据都是一样的。所以可以在列表被请求前就事先生成该列表(静态页面)。这个方法可以结合方法一,也可以一次获取所有记录,再分页生成html。
最后,给你推荐一款分页用的jQuery插件,pagingnation,链接:https://github.com/gbirke/jquery_pagination
D. 关于网站建设【发布新闻】功能怎么实现
你。。。
这年头做网站还用DW,使用任何一个专业的CMS系统就可以搞定,而且可以直接免费使用,你做的P图官网,可以直接使用metinfo免费开源版本,或者购买一个软件或设计相关的收费模板。
网站链接微博和贴吧和网站排名没有半毛钱关系,当然你在其他平台发布的信息和你的网站也没有关系,如果你要做关键词排名,可以搜索参考“企业官网推广排名实战直播”,3个月就能将关键词排名到各大搜索引擎首页。
E. 我想让这段js新闻轮播自动轮播起来
$(function(){
window.setInterval(function(){
var Left_btn=$('#span1');
var Right_btn=$('#span2');
var W_content=$('#con_tu');
var Dl=$('#con_tu p');
var iNow=0;
var onsize=Dl[0].offsetWidth;
var aBtn=true;
W_content.css('width',onsize*Dl.length+'px');
Left_btn.click(function(){
if(!aBtn)return;
aBtn = false;
W_content.css('marginLeft',-onsize).children(':last').prependTo(W_content);
W_content.stop().animate({marginLeft:0},function(){
aBtn = true;
});
});
Right_btn.click(function(){
if(!aBtn)return;
aBtn = false;
W_content.stop().animate({marginLeft:-onsize},function(){
W_content.css('marginLeft','0').children(':first').appendTo(W_content);
aBtn = true;
});
});
},5*1000);
})
F. js消息推送如何实现
主要介绍其中的五种实现方式:短轮询、Comet、Flash XMLSocket、Server-sent、WebSocket
1、短轮询
指在特定的的时间间隔(如每10秒),由浏览器对服务器发出HTTP request,然后由服务器返回最新的数据给客户端的浏览器。浏览器做处理后进行显示。无论后端此时是否有新的消息产生,都会进行响应
2、Comet
包括了长轮询和长连接,长轮询是客户端向服务器发送Ajax请求,服务器接到请求后hold住连接,直到有新消息才返回响应信息并关闭连接,客户端处理完响应信息后再向服务器发送新的请求;长连接是在页面中的iframe发送请求到服务端,服务端hold住请求并不断将需要返回前端的数据封装成调用javascript函数的形式响应到前端,前端不断收到响应并处理
3、Flash XMLSocket
在 HTML 页面中内嵌入一个使用了 XMLSocket 类的 Flash 程序。JavaScript 通过调用此 Flash 程序提供的socket接口与服务器端的socket进行通信。JavaScript 在收到服务器端以 XML 格式传送的信息后可以很容易地控制 HTML 页面的内容显示
4、Server-sent
服务器推指的是HTML5规范中提供的服务端事件EventSource,浏览器在实现了该规范的前提下创建一个EventSource连接后,便可收到服务端的发送的消息,实现一个单向通信。客户端进行监听,并对响应的信息处理显示
5、WebSocket
WebSocket是HTML5下一种新的协议,是基于TCP的应用层协议,只需要一次连接,便可以实现全双工通信,客户端和服务端可以相互主动发送消息。客户端进行监听,并对响应的消息处理显示
针对自己系统的应用场景选择合适的推送方案才是合理的,因此最后简单说一下实现个性化推送的两种方式。第一种很简单,直接使用第三方实现的推送,无需复杂的开发运维,直接可以使用。第二种就是自己封装,可以选择如今较为火热的WebSocket来实现系统的推送。
关于第三方推送平台,极光推送,操作简单,稳定性高,送达率快
G. 怎样用JS等前端程序对输出的新闻内容进行分页
把整个内容放在一个div里,用滚动条的形式显示所有内容可以么
H. js如何实现新闻轮播
加入有5张图片,第一张css 样式是display:block 那其余4张图片就是display:none对吧,然后js获取li元素下标(一般都是li哈),利用定时任务,比如说每隔5秒就换图片,那就是当前下标的li 样式是display:block,其他都是display:none,就这样循环