當前位置:首頁 » 網頁前端 » 前端js發布新聞展示新聞
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端js發布新聞展示新聞

發布時間: 2022-08-20 09:29:27

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,就這樣循環