最近发现CSDN商业化气息越来越浓,不知这是否导致CSDN上高手消失的原因...

super_user001 2007-11-16 08:55:10
...全文
277 19 打赏 收藏 转发到动态 举报
写回复
用AI写文章
19 条回复
切换为时间正序
请发表友善的回复…
发表回复
gold_one 2007-12-14
  • 打赏
  • 举报
回复
var a=null
function sets(cls, id, url){
a=setTimeout("tabs('"+cls+"','"+id+"','"+url+"')",300)
}

function tabs(cls, id, url)
{
var m = document.getElementById("tabs_"+id).getElementsByTagName("li");
for(var n = 0; n < m.length; n++)
{
m[n].className = "";
}
m[cls].className = "active";
if(url.substr(0, 1) == "#")
{
var id_url = url.substr(1, url.length);
document.getElementById("tabs_"+id+"_cont").innerHTML = document.getElementById(id_url).innerHTML;
}
else
{
document.getElementById("tabs_"+id+"_cont").innerHTML = joinHTML(url);
}
}

function joinHTML(url)
{
var temp=""
try
{
var strxmlhttp;
try
{
strxmlhttp = new ActiveXObject("Msxml2.XMLHTTP.3.0");
}
catch(e)
{
strxmlhttp = new XMLHttpRequest();
}
strxmlhttp.open("GET", url, false);
strxmlhttp.send(null);
temp=strxmlhttp.responseText;
//alert(strxmlhttp.responseText);
}
catch(e)
{
temp=e;
}
return temp
}
littlelam 2007-11-19
  • 打赏
  • 举报
回复
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
/******************************************************************

S C R O L L O V E R S
---------------------
Written by Steffan Luczyn - July 2007
www.scrollovers.com

May be used for personal and business use, but may
never be sold or used in a product that is not
free without my consent.

*******************************************************************/

var scrollovers_TypeName = '';
var scrollovers_StartScrollLocation = 0;
var scrollovers_EndScrollLocationTrim = 0;
var scrollovers_ScrollSpeed = 3;
var scrollovers_ScrollDownOnMouseOver = true;


var scrollovers_ElementsInFocus = new Array();

function scrollovers_Init(){
/* DEFAULT TRIM SETTINGS */
scrollovers_StartScrollLocation = 0;
scrollovers_EndScrollLocationTrim = -1;

if(navigator.userAgent.toLowerCase().indexOf("safari")!=-1){
/* SAFARI TRIM SETTINGS */
scrollovers_StartScrollLocation = 0;
scrollovers_EndScrollLocationTrim = -1;
}else if(navigator.userAgent.toLowerCase().indexOf("opera")!=-1){
/* OPERA TRIM SETTINGS */
scrollovers_StartScrollLocation = 0;
scrollovers_EndScrollLocationTrim = -1;
}

var aTmp = document.getElementsByTagName('a');
var aLinks = new Array();
for(i=0;i<aTmp.length;i++){
if(scrollovers_TypeName == '' || aTmp[i].getAttribute('type') == scrollovers_TypeName){
aLinks.push(aTmp[i]);
}
}
aTmp = null;

for(i=0;i<aLinks.length;i++){
var sElemId = 'scrollover_'+i;
var sExistingHTML = aLinks[i].innerHTML;
var iWidth = parseInt(aLinks[i].scrollWidth)+1;
var sHtml = '';
aLinks[i].style.textDecoration = 'none';

sHtml += '<span style="display:block; cursor:pointer; cursor:hand; height:1em; position:relative; overflow:visible; width:'+iWidth+'px; margin-top:-0.2em;">';
sHtml += '<span style="display:block; position:absolute; overflow:hidden; height:1.3em; width:'+iWidth+'px; margin-bottom:-0.3em;">';
sHtml += '<span style="display:block; margin-top:-0.1em; position:absolute; width:'+iWidth+'px;" class="scrollover_Nudge">';
sHtml += '<em id="'+sElemId+'" style="display:block; line-height:1.4em; position:absolute; top:'+scrollovers_StartScrollLocation+'px; font-style:normal;">'+sExistingHTML+' '+sExistingHTML+'</em>';
sHtml += '</span>';
sHtml += '</span>';
sHtml += '</span>';

var sOriginalText = aLinks[i].innerText;
aLinks[i].innerHTML = '';
var oScrollover = document.createElement('fieldset');
oScrollover.style.border = 'none';
oScrollover.style.lineHeight = '1em';
oScrollover.style.width = iWidth;
oScrollover.style.textAlign = 'left';
oScrollover.style.display = 'inline';
oScrollover.style.margin = '0';
oScrollover.style.padding = '0';
oScrollover.innerHTML = sHtml;

aLinks[i].appendChild(oScrollover);

var oTag = document.getElementById(sElemId);

var oElement = new Element(sElemId, oTag);
scrollovers_ElementsInFocus.push(oElement);
oTag.elementObject = oElement;
oTag.onmouseover = scrollovers_MouseOver;
oTag.onmouseout = scrollovers_MouseOut;

if(scrollovers_ScrollDownOnMouseOver){
oTag.style.top = (oElement.ScrollHeight*-1)+scrollovers_EndScrollLocationTrim+'px';
}
}
}
function scrollovers_MouseOver(oEvent){
var oSender = null;
if(window.event){
oSender = window.event.srcElement;
}else{
oSender = oEvent.target;
}

scrollovers_ElementsInFocus.getById(oSender.elementObject.Id).MouseIsOver = true;
if(scrollovers_ScrollDownOnMouseOver){
setTimeout('scrollovers_RollDown(\''+oSender.elementObject.Id+'\')', 100);
}else{
setTimeout('scrollovers_RollUp(\''+oSender.elementObject.Id+'\')', 100);
}
}
function scrollovers_MouseOut(oEvent){
var oSender = null;
if(window.event){
oSender = window.event.srcElement;
}else{
oSender = oEvent.target;
}
oSender.elementObject.MouseIsOver = false;
if(scrollovers_ScrollDownOnMouseOver){
setTimeout('scrollovers_RollUp(\''+oSender.elementObject.Id+'\')', 100);
}else{
setTimeout('scrollovers_RollDown(\''+oSender.elementObject.Id+'\')', 100);
}
}
function scrollovers_RollUp(sIdToRoll){
var oElementToRoll = scrollovers_ElementsInFocus.getById(sIdToRoll);
if(scrollovers_ScrollDownOnMouseOver){
if(oElementToRoll.MouseIsOver){return;}
}else{
if(!oElementToRoll.MouseIsOver){return;}
}
if(oElementToRoll.ScrollLocation+scrollovers_ScrollSpeed < oElementToRoll.ScrollHeight){
oElementToRoll.ScrollLocation += scrollovers_ScrollSpeed;
oElementToRoll.TagRef.style.top = oElementToRoll.ScrollLocation*-1+'px';
setTimeout('scrollovers_RollUp(\''+sIdToRoll+'\')', 10);
}else{
oElementToRoll.ScrollLocation = oElementToRoll.ScrollHeight;
oElementToRoll.TagRef.style.top = (oElementToRoll.ScrollHeight*-1)+scrollovers_EndScrollLocationTrim+'px';
}
}
function scrollovers_RollDown(sIdToRoll){
var oElementToRoll = scrollovers_ElementsInFocus.getById(sIdToRoll);
if(scrollovers_ScrollDownOnMouseOver){
if(!oElementToRoll.MouseIsOver){return;}
}else{
if(oElementToRoll.MouseIsOver){return;}
}
if(oElementToRoll.ScrollLocation-scrollovers_ScrollSpeed > scrollovers_StartScrollLocation){
oElementToRoll.ScrollLocation -= scrollovers_ScrollSpeed;
oElementToRoll.TagRef.style.top = oElementToRoll.ScrollLocation*-1+'px';
setTimeout('scrollovers_RollDown(\''+sIdToRoll+'\')', 10);
}else{
oElementToRoll.ScrollLocation = scrollovers_StartScrollLocation;
oElementToRoll.TagRef.style.top = scrollovers_StartScrollLocation+'px';
}
}

function Element(sId, oObject){
this.Id = sId;
this.TagRef = oObject;
this.ScrollHeight = parseInt(this.TagRef.scrollHeight)/2-1;
this.ScrollLocation = (scrollovers_ScrollDownOnMouseOver?this.ScrollHeight:0);
this.MouseIsOver = false;
}
Array.prototype.getById = function(sId){
for(i=0;i<this.length;i++){
if(this[i].Id == sId){
return this[i];
}
}
return null;
};
Array.prototype.getIndexById = function(sId){
for(i=0;i<this.length;i++){
if(this[i].Id == sId){
return i;
}
}
return null;
};

window.onload = scrollovers_Init;

</script>
</head>

<body>
<a href="#">fsdfs</a>
<a href="#">fsdfs</a>
<a href="#">fsdfs</a>
</body>
</html>
这样的效果?
super_user001 2007-11-19
  • 打赏
  • 举报
回复
晕了,高手都冬眠了...
liuqinqin 2007-11-19
  • 打赏
  • 举报
回复
???
karlpan01 2007-11-19
  • 打赏
  • 举报
回复
我觉得这事有可能!
GX198302 2007-11-18
  • 打赏
  • 举报
回复
很久没来CSDN的帖子板块 咋以来 有点不习惯了
lilixiong 2007-11-18
  • 打赏
  • 举报
回复
顶,,,
搬运工865 2007-11-18
  • 打赏
  • 举报
回复
高手可能都在忙~~
hztgcl1986 2007-11-17
  • 打赏
  • 举报
回复
CSDN首页的滚动新闻,老是有广告,什么新闻呀,明明就是广告
hjk426 2007-11-17
  • 打赏
  • 举报
回复
super_user001 2007-11-17
  • 打赏
  • 举报
回复
CSDN上的高手都哪里去了?
fcuandy 2007-11-17
  • 打赏
  • 举报
回复
滑动门是什么我不太清楚.

只看到一些什么新闻类型的东西,类似于windows选项卡风格的那种,mouse移上去,对应的文章列表会变. 别的没发现什么特别的.
你不会是说这个吧
super_user001 2007-11-17
  • 打赏
  • 举报
回复
TO:fcuandy
晕,你上一次访问网易是3年前还是5年前啊?
boyle0630 2007-11-17
  • 打赏
  • 举报
回复
我也這麼覺得
fcuandy 2007-11-16
  • 打赏
  • 举报
回复
网易首页滑动门 ?

www.163.com

没有发现什么.

难道我把网址记错了?
super_user001 2007-11-16
  • 打赏
  • 举报
回复
寻求更简练的解决之道,有谁看过网易首页的滑动门的js脚本,就要那种感觉的!
hbhbhbhbhb1021 2007-11-16
  • 打赏
  • 举报
回复
把代码帖下:)

<!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>
<script type="text/javascript">
<!--
function joinHTMLOrChangeTag(){
if(typeof arguments[0]=="object"){
arguments[0].onmouseout=(function(i){return function(){if(i)clearTimeout(i)}})(waitInterval);
changeTag.apply(null,Array.prototype.slice.call(arguments,1));
}else{
joinHTML.apply(null,arguments)
}
}
//XMLHTTP读取外部文件
function joinHTML(strurl,element)
{
try
{
var strxmlhttp;
try
{
strxmlhttp = new ActiveXObject("Msxml2.XMLHTTP.3.0");
}
catch(e)
{
strxmlhttp = new XMLHttpRequest();
}
strxmlhttp.open("GET",strurl,false);
strxmlhttp.send(null);
document.getElementById(element).innerHTML=strxmlhttp.responseText;
//alert(strxmlhttp.responseText);
}
catch(e)
{
alert(e);
}
}

//常规的更改ID的Display实现的滑动门
function GetObj(objID)
{
if(document.getElementById)
{
return eval('document.getElementById("' + objID + '")');
}
else
{
if(document.layers)
{
return eval("document.layers['" + objID + "']");
}
else
{
return eval('document.all.' + objID);
}
}
}
//鼠标延迟感应
var waitInterval;
var MDelayTime=250;
function changeTag(index,element)
{
clearTimeout(waitInterval);
waitInterval=window.setTimeout("getShow("+index+",'"+element+"');",MDelayTime);
}

function getShow(index,element)
{
clearTimeout(waitInterval);
for(var i=1;i<6;i++)
{
if(GetObj("tagbox"+i)&&GetObj("tag"+i))
{
GetObj("tag"+i).className = "";
}
}
if(GetObj("tagbox"+index)&&GetObj("tag"+index))
{
GetObj(element).innerHTML=GetObj("tagbox"+index).innerHTML;
GetObj("tag"+index).className = "active";
}
}
//-->
</script>
</head>
<body>
<ul>
<li><a href="#" onMouseOver="joinHTMLOrChangeTag('1.htm', 'div1');">标签1</a></li>
<li><a href="#" onMouseOver="joinHTMLOrChangeTag('3.htm', 'div1');">标签2</a></li>
<li><a href="#" onMouseOver="joinHTMLOrChangeTag('1.htm', 'div1');">标签3</a></li>
<li><a href="#" id="tag1" onMouseOver="joinHTMLOrChangeTag(this,1,'div1');" >标签4</a></li>
<li><a href="#" id="tag2" onMouseOver="joinHTMLOrChangeTag(this,2,'div1');" >标签5</a></li>
<li><a href="#" id="tag3" onMouseOver="joinHTMLOrChangeTag(this,3,'div1');" >标签6</a></li>
</ul>
<!--外部读取文件-->
<div id="div1" class="tabcontent"><script>joinHTML('1.htm', 'div1');</script></div>
<!--内部更改样式-->
<div id="tagbox1" style="display: none">111</div>
<div id="tagbox2" style="display: none">222</div>
<div id="tagbox3" style="display: none">333</div>
</body>
</html>


super_user001 2007-11-16
  • 打赏
  • 举报
回复
简单描述一下,是一个JS滑动门的问题

28,391

社区成员

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧