meizz jsframework: 轮换广告图的DEMO解决办法

meizz jsframework: 轮换广告图的DEMO
注：这只是这个轮换效果的DEMO，正式运行的代码是 http://www.csdn.net/ui/adrotate.htm

<!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 name= "author " content= "meizz " />
<meta http-equiv= "Content-Type " content= "text/html; charset=utf-8 " />
<script type= "text/javascript " src= "http://www.csdn.net/ui/scripts/jsframework.js "> </script>
<script type= "text/javascript " src= "http://www.csdn.net/ui/scripts/System/Global.js "> </script>
<script type= "text/javascript " src= "http://www.csdn.net/ui/scripts/System/Data/MzDataProvider.js "> </script>
<script type= "text/javascript " src= "http://www.csdn.net/ui/scripts/System/Web/Forms/MzEffect.js "> </script>
<script type= "text/javascript " src= "http://www.csdn.net/ui/scripts/System/Web/Forms/MzBehavior.js "> </script>
<script type= "text/javascript " src= "http://www.csdn.net/ui/scripts/System/Web/UI/WebControls/MzRotateImage.js "> </script>
<title> CSDN 轮换广告 </title>
</head>

<body style= "margin: 3px ">
<script type= "text/javascript "> /* <![CDATA[*/

//Using( "System.Web.UI.WebControls.MzRotateImage ");

var data = {}
data[ "-1_1 "] = "img: http://zi.csdn.net/no1.280-187.gif; url: http://z.csdn.net/adclick.php?bannerid=395; target: _blank; alt: ; ";
data[ "-1_2 "] = "img: http://zi.csdn.net/no2-280_187.gif; url: http://z.csdn.net/adclick.php?bannerid=459; target: _blank; alt: ; ";
data[ "-1_3 "] = "img: http://zi.csdn.net/no3.gif; url: http://z.csdn.net/adclick.php?bannerid=401; target: _blank; alt: ; ";
data[ "-1_4 "] = "img: http://zi.csdn.net/no4.jpg; url: http://z.csdn.net/adclick.php?bannerid=410; target: _blank; alt: ; ";
data[ "-1_5 "] = "img: http://zi.csdn.net/no5.jpg; url: http://z.csdn.net/adclick.php?bannerid=369; target: _blank; alt: ; ";
data[ "-1_6 "] = "img: http://zi.csdn.net/no.6.280.187.gif; url: http://z.csdn.net/adclick.php?bannerid=372; target: _blank; alt: ; ";

var ri = new MzRotateImage();
ri.dataSource = data;
ri.width = 280;
ri.height = 187;
ri.interval = 3000;
ri.duration = 2000;
document.write(ri.render());

/*]]> */ </script>

</body>
</html>

------解决方案--------------------

mark 纯为了研究代码
[解决办法]
汗，为了做个广告弄那么多 <script src= " ">
[解决办法]
图片每次都重新下载(IE下)啊！

另：如果代码跟jsframework.js的关系不大，可以不用这个框架啊，这样代码就会看起来环保一点。
[解决办法]
路过, 接分...
[解决办法]
顶
[解决办法]
“通用”了就会“大众”。
[解决办法]
哈哈, OO 可以这样搞...写一个页面现在一下子就搞定...

<%@LANGUAGE= "JAVASCRIPT " CODEPAGE= "65001 "%>


<%
/*--------------------------begin sqFwJsSs--------------------------------*/
//shawl.qiu framework Jscript Server-side
/*----------------global--------------------*/
//im.help();
//im.help.self(true);
//im.help.source(true);
//-
//im.readme();
//-
//im.find( 'k.txt ',true);
//im.find(null,true);
/*----------------object--------------------*/
//exec(im.go( 'object.default '));
//-
/*----------------string--------------------*/
exec(im.go( 'string.default '));
//im.help( 'string.default ', true);
//-
//exec(im.go( 'string.format '));
//im.help( 'string.format ', true);
//-
//exec(im.go( 'string.random '));
//im.help( 'string.random ', true);
//-
//exec(im.go( 'string.highlight '));
//im.help( 'string.highlight ', true);
//-
/*----------------data----------------------*/
//exec(im.go( 'data '));
//im.help( 'data ', true);
//-
exec(im.go( 'data.default '));
//im.help( 'data.default ', true);
//-
/*----------------file---------------------*/
exec(im.go( 'file.default '));
/*----------------array---------------------*/
//exec(im.go( 'array.default '));
//im.help( 'array.default ', true);
//-
/*----------------utility---------------------*/
exec(im.go( 'utility.default '));
//im.help( 'utility.default ', true);
//-
//exec(im.go( 'utility.list '));
//im.help( 'utility.list ', true);
//-
//exec(im.go( 'utility.cdoMessage '));
//im.help( 'utility.cdoMessage ', true);
//-
/*----------------prj1---------------------*/
exec(im.go( 'prj1.default '));
//im.help( 'prj1.default ',true);
//-
//exec(im.go( 'prj1.pagedefault '));
//-
exec(im.go( 'prj1.pagearticle '));
/*----------------multi options-------------*/
//exec(im.go( 'data.default|data.paged '));
//-
/*--------------------------end sqFwJsSs----------------------------------*/
%>
<%
if(!prj1.check.user()){
%>

<%
Response.End();
}

utility.dynVar.queryString( 'qs ');

try{

pagearticle.get.article(conn, syspath+ 'files/articles/ '+
qscat1id+ '/ '+qscat2id+ '/ '+qscat3id+ '/ '+qsaid+ '/article.adtg ',
qsaid, ' ', true);
%>

<!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=utf-8 " />
<title> <%Response.write(pagearticle.get.cat.text.join( ' < '))%> </title>
<script type= 'text/javascript ' src= '/sqFwJsCs/default.js '> </script>
<script type= "text/javascript ">
// <![CDATA[
/*--------------------------begin sqFwJsCs--------------------------------*/
//shawl.qiu framework javascript client-side
/*----------------global--------------------*/
//im.help.self(true);
//im.help.source(true);
//-
//im.readme();
//-
//im.find( 'default.js ',true);
//im.find(null,true);
/*----------------object--------------------*/
//im.go( 'object.default ');
//im.help( 'object.default ', true);
//-
/*----------------string--------------------*/
//im.go( 'string.default ');
//im.help( 'string.default ', true);
//-
//im.go( 'string.format ');
//im.help( 'string.format ', true);
//-
//im.go( 'string.random ');
//im.help( 'string.random ', true);
//-
//im.go( 'string.highlight ');
//im.help( 'string.highlight ', true);
//im.help( 'string.highlight ');
//-
/*----------------check---------------------*/
//im.go( 'check.default ');
//im.help( 'check.default ', true);
//-
/*----------------array---------------------*/
//im.go( 'array.default ');
//im.help( 'array.default ', true);
//-
/*----------------dom---------------------*/
//im.go( 'dom.keywords ');
//im.help( 'dom.keywords ', true);
//-
//im.go( 'dom.default ');
//im.help( 'dom.default ', true);
/*----------------image---------------------*/
//im.go( 'image.default ');
//im.help( 'image.default ', true);
//-
/*----------------form---------------------*/
//im.go( 'form.default ');
//im.help( 'form.default ', true);
//-
//im.go( 'form.select ');
//im.help( 'form.select ', true)
//-
//im.go( 'form.validate ');
//im.help( 'form.validate ', true);
/*----------------utility---------------------*/
im.go( 'utility.default ');
//im.help( 'utility.default ', true);
//-
/*----------------prj1---------------------*/
im.go( 'prj1.default ');
/*----------------multi options-------------*/
//im.go( 'string.default|string.random ');
//-
//im.help( 'string.default|string.random ', true);
/*--------------------------end sqFwJsCs----------------------------------*/
//]]>
</script>
<script type= "text/javascript ">
// <![CDATA[
utility.maxWindow();
onload=function(){
prj1.get.menu();
}
//]]>
</script>
<style type= "text/css ">
/* <![CDATA[*/
@import " <%Response.write(sysstyle);%> css.css ";
@import " <%Response.write(sysstyle);%> page/article.css ";
/*]]> */
</style>
</head>
<body>

<%
if(!cklogin){
if(apublic== 'false '){

utility.goback( '本文需登陆才可查看! ', 3, sysurl);
Response.End();
}
}
%>
<div id= 'main '>
<div class= 'header '> <% Response.write(atitle); %> </div>
<div> 类别: <%Response.write(pagearticle.get.cat.link.join( ' > '))%> </div>

<div> 标签: <%
pagearticle.get.tag(conn, syspath+ 'files/articles/ '+
qscat1id+ '/ '+qscat2id+ '/ '+qscat3id+ '/ '+qsaid+ '/tag.adtg ', taglist, true);
%> </div>
<div> 摘要: <% Response.write(asubtitle); %> </div>
<div>
<div> <div class= 'fltr '> 查看: <% pagearticle.set.hits(conn, aid);
if(cklogin){
Response.write(( ' 更新 ').link(syspath+ 'post.asp?id=edit&cat1id= '+cat1id+ '&cat2id= '+
cat2id+ '&cat3id= '+cat3id+ '&aid= '+aid));
Response.write( ' '+( '删除 ').link(syspath+ 'post.asp?id=del&aid= '+aid));

}
%> </div>
正文: <br clear= 'both ' /> </div>

<div id= 'text ' class= 'text '>
<% Response.write(acontent);
if(aattachment!= ' '){
Response.write( ' <p/> '+( '下载附件: ').fontcolor( 'red ')+aattachment.link());
}
%>
</div>
<hr/>
<div> <h4> 文章相关信息: </h4>
主题: <% Response.write(atitle); %>
<br/> 发表者: <% Response.write(username); %>
<br/> 电子邮件: <% Response.write(useremail.email()); %>
<br/> QQ: <% Response.write(userqq); %>
<br/> MSN: <% Response.write(usermsn.email()); %>
<% if(userhomepage!= ' ')Response.write( ' <br/> 主页: '+userhomepage.link()); %>

<br/> Blog: <% if(userblog!= ' ')Response.write(userblog.link()); %>

<br/> 发表日期: <% Response.write(new Date(adate).getVarDate()); %>

<br/> 来源引用: <% if(areferer== ' ')Response.write(sysname);
else Response.write(areferer); %>

<p/> 引用本页: <% utility.geturl(sysurl,true, true); %>
</div>
</div>
</div>
<%} catch(e){
utility.debug.info(e);
//utility.goback.error( '页面出错 ', 3, sysurl)
}
%>

</body>
</html>

[解决办法]
我只是想说结构化真的可以节省N多工作量...

<%
/*
exec(im.go( 'utility.list '));
list.property(Request.Form);
*/
exec(im.go( 'file.default '));
%>
<%

var sCk=Request.QueryString( 'cat ')+ ' ';
switch(sCk){
case 'edit ':

utility.dynVar.form();

var rs=new data();

//--------------------------cat 1
if(cat1add!= ' '){
rs.exec(conn, "insert into sqCat1(cat1) values( ' "+cat1add+ " ') ");
}
if(cat1edit!= ' '){
rs.exec(conn, "update sqCat1 set cat1= ' "+cat1edit+ " ' where cat1id= "+cat1id);
}
if(typeof cat1del!= 'undefined '){
rs.backup(conn, 'sqCt ', 'buSqCt ', 'where cat1id= '+cat1id, true);
rs.backup(conn, 'sqCat3 ', 'buSqCat3 ', 'where cat1id= '+cat1id, true);

rs.backup(conn, 'sqCat2 ', 'buSqCat2 ', 'where cat1id= '+cat1id, true);
rs.backup(conn, 'sqCat1 ', 'buSqCat1 ', 'where cat1id= '+cat1id, true);

file.folder.del(syspath+ 'files/articles/ '+cat1id+ '/ ', true);
file.folder.del(syspath+ 'files/page/default/ ', true);
}

//--------------------------cat 2
if(cat2add!= ' '){
rs.exec(conn, "insert into sqCat2(cat2, cat1id) values( ' "+cat2add+ " ', "+cat1id+ ") ");
}
if(cat2edit!= ' '){
rs.exec(conn, "update sqCat2 set cat2= ' "+cat2edit+ " ' where cat2id= "+cat2id);
}
if(typeof cat2del!= 'undefined '){
rs.backup(conn, 'sqCt ', 'buSqCt ', 'where cat1id= '+cat1id+ ' and cat2id= '+cat2id, true);
rs.backup(conn, 'sqCat3 ', 'buSqCat3 ', 'where cat2id= '+cat2id, true);
rs.backup(conn, 'sqCat2 ', 'buSqCat2 ', 'where cat2id= '+cat2id, true);

file.folder.del(syspath+ 'files/articles/ '+cat1id+ '/ '+cat2id+ '/ ', true);
file.folder.del(syspath+ 'files/page/default/ ', true);
}

//--------------------------cat 3
if(cat3add!= ' '){
rs.exec(conn, "insert into sqCat3(cat3, cat1id, cat2id) values( ' "+
cat3add+ " ', "+cat1id+ ", "+cat2id+ ") ");
}
if(cat3edit!= ' '){
rs.exec(conn, "update sqCat3 set cat3= ' "+cat3edit+ " ' where cat3id= "+cat3id);
}
if(typeof cat3del!= 'undefined '){
rs.backup(conn, 'sqCt ', 'buSqCt ', 'where cat1id= '+cat1id+ ' and cat2id= '+
cat2id+ ' and cat3id= '+cat3id, true);
rs.backup(conn, 'sqCat3 ', 'buSqCat3 ', 'where cat3id= '+cat3id, true);

file.folder.del(syspath+ 'files/articles/ '+cat1id+ '/ '+cat2id+ '/ '+cat3id+ '/ ', true);
file.folder.del(syspath+ 'files/page/default/ ', true);
}
file.del.file(syspath+ 'files/cat/menu.html ', true);

var oCat=rs.open(conn, 'select * from 1_cat_all ',1);
var iStr=rs.GetString(oCat, false, true, "2,-1, '## ', '##@ ', 'empty ' ");
file.save.textfile(iStr, syspath+ 'files/cat/1_cat_all.txt ', 2, false, true);
oCat.Close();
oCat=null;

var oCat=rs.open(conn, 'select * from 1_cat_all_multi ',1);
var iStr=rs.GetString(oCat, false, true, "2,-1, '## ', '##@ ', 'empty ' ");
file.save.textfile(iStr, syspath+ 'files/cat/1_cat_all_multi.txt ', 2, false, true);
oCat.Close();
oCat=null;

rs=null;

utility.goback(false, 3);

Response.End();
break;
}
%>
<%
var rs=new data();
rs.cmd= " 'select * from 1_cat_all ', conn, 1 ";

var sStr=rs.GetString(false, false, true, "2,-1, '## ', '##@ ', 'empty ' ");

rs=null;
%>
<script type= "text/javascript ">
// <![CDATA[
var str= ' <%Response.write(sStr);%> ';

onload=function(){
iEvent.form.padMouseMove( 'nForm ');
prj1.get.menu();

var sle=new select();

sle.source=str; // 源字串

sle.delimiter= '## '; // 列定界符
sle.marker= '@ '; // 行分隔符
sle.idBase= 'level '; // 标签 ID 基准字串, 如: id1, id2. 其中的 id 就是基准字符.
sle.addition=true;
//sle.defaultSelect= '2,21 '; // 默认选中项, 以值为准: 如 2,21,211. 请不要带空格.
//sle.queryString= 'id,idsub '; // URL 栏查询串, 根据 URL 查询 ID 自动选中列表框项.

sle.getItem(); // 执行本程序

sle=null;
}
//]]>
</script>
<script type= "text/javascript ">
// <![CDATA[
/*--------------------------begin sqFwJsCs--------------------------------*/
//shawl.qiu framework javascript client-side
/*----------------global--------------------*/
//im.help.self(true);
//im.help.source(true);
//-
//im.readme();
//-
//im.find( 'default.js ',true);
//im.find(null,true);
/*----------------object--------------------*/
//im.go( 'object.default ');
//im.help( 'object.default ', true);
//-
/*----------------string--------------------*/
//im.go( 'string.default ');
//im.help( 'string.default ', true);
//-
//im.go( 'string.format ');
//im.help( 'string.format ', true);
//-
//im.go( 'string.random ');
//im.help( 'string.random ', true);
//-
//im.go( 'string.highlight ');
//im.help( 'string.highlight ', true);
//im.help( 'string.highlight ');
//-
/*----------------check---------------------*/
//im.go( 'check.default ');
//im.help( 'check.default ', true);
//-
/*----------------array---------------------*/
//im.go( 'array.default ');
//im.help( 'array.default ', true);
//-
/*----------------dom---------------------*/
//im.go( 'dom.keywords ');
//im.help( 'dom.keywords ', true);
//-
//im.go( 'dom.default ');
//im.help( 'dom.default ', true);
/*----------------image---------------------*/
//im.go( 'image.default ');
//im.help( 'image.default ', true);
//-
/*----------------form---------------------*/
//im.go( 'form.default ');
//im.help( 'form.default ', true);
//-
im.go( 'form.select ');
//im.help( 'form.select ', true)
//-
//im.go( 'form.validate ');
//im.help( 'form.validate ', true);
/*----------------event---------------------*/
im.go( 'event.default ');
/*----------------utility---------------------*/
//im.go( 'utility.default ');
//im.help( 'utility.default ', true);
//-
/*----------------multi options-------------*/
//im.go( 'string.default|string.random ');
//-
//im.help( 'string.default|string.random ', true);
/*--------------------------end sqFwJsCs----------------------------------*/
//]]>
</script>
<form action= '?id=cat&cat=edit ' method= 'post '
onsubmit= "return confirm( '是否提交更改? '); "
onreset= "return confirm( '是否重置? '); " id= 'nForm '>
<select name= 'cat1id ' id= 'level1 '> </select>
<select name= 'cat2id ' id= 'level2 '> </select>
<select name= 'cat3id ' id= 'level3 '> </select>
<div>
一级分类:
<br/> 添加: <input type= 'text ' name= 'cat1add ' />
<br/> 更改: <input type= 'text ' name= 'cat1edit ' />

<br/> 删除: <input type= 'checkbox ' name= 'cat1del ' value= 'yes ' />
</div>
<hr/>
<div>
二级分类:
<br/> 添加: <input type= 'text ' name= 'cat2add ' />
<br/> 更改: <input type= 'text ' name= 'cat2edit ' />
<br/> 删除: <input type= 'checkbox ' name= 'cat2del ' value= 'yes ' />
</div>
<hr/>
<div>
三级分类:
<br/> 添加: <input type= 'text ' name= 'cat3add ' />
<br/> 更改: <input type= 'text ' name= 'cat3edit ' />
<br/> 删除: <input type= 'checkbox ' name= 'cat3del ' value= 'yes ' />
</div>
<hr/>
<p/>
<input type= 'submit ' />
<input type= 'reset ' />
</form>

[解决办法]
占个位置先吧 ..
[解决办法]
潜力帖．．占个位置先。．
meizz的jsframework还没来得及研究，有机会一定好好拜读一下。
[解决办法]
顶下，有空学习
[解决办法]
哇。什么时候的帖子..UP...
[解决办法]
研究了一下发现没什么可学习的东西......
只能说为懒人写了个好工具
[解决办法]
学习
[解决办法]
学习ing...... ^_^
[解决办法]
支持先...
[解决办法]
谢谢 meizz, 正好最近有一个网站可能会用到这种轮换效果。收藏了，有空一定拜读 jsframework 源代码。
[解决办法]
目前还看不懂。。。
以后再说。
[解决办法]
你们都强人！
我学习
[解决办法]
好,支持
[解决办法]
up
[解决办法]
好好学习，UP
[解决办法]
支持！
[解决办法]
学习
[解决办法]
怎么没有源代码？不能拿过来用？
[解决办法]
收藏先。
[解决办法]
收藏先
[解决办法]
学习。。。
梅老大就是强啊
[解决办法]
学习一下！
[解决办法]
up!
[解决办法]
嘿嘿,我早就研究过jsframework.js了。

meizz jsframework: 轮换广告图的DEMO

热点推荐