asp.net(C#) + sql 中实现JS图片切换

如题,我用的c#语言做的asp.net网站,想在主页做一个图片切换效果。图片都带有独立的链接。而且图片可以在sql数据库中更新。由于本人水平很菜,还请各位高手给予赐教。最... 如题,我用的c#语言做的asp.net网站,想在主页做一个图片切换效果。图片都带有独立的链接。而且图片可以在sql数据库中更新。由于本人水平很菜,还请各位高手给予赐教。最好有详细实例说明。
我的JS接受信息是这样的
//imgUrl[4]="../Picture/Material/5.14.jpg";

//imgLink[4]="../MainModules/Picture1.aspx";

//imgText[4]="标题或简介或其它HTML内容4";

//imgUrl[5]="/Picture/Material/e.jpg?Id=1";

//imgLink[5]="../FunctionModules/Picture.aspx";

//imgText[5]="标题或简介或其它HTML内容5";
我就是想利用这个js。接受后台C#方法传来的泛型值。可以实现动态更新。还有,我这个js在IE7中显示不出来。其它浏览器没事。希望高手相救啊。说说实现的思路和方法,最好还有代码。谢谢啊。如果可以帮我实现,我愿意送出双倍的积分啊。
展开
 我来答
yiwei124
2009-05-31 · TA获得超过1197个赞
知道小有建树答主
回答量:1187
采纳率:0%
帮助的人:350万
展开全部
我也修改一下答案,不给我加分就太不够宏升升意思了

<!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 runat="server">
<title>无标题页</title>
</head>
<body onload="setTimeout('elady1_nextAd()', 5000)">
<div>

<script language="JavaScript" type="text/javascript">
var e_tp=new Array();
var e_tplink=new Array();
var adNum_elady1=0;

e_tplink[0]="#";
e_tp[0]="images/pic2.jpg";

e_tplink[1]="#";
e_tp[1]="images/pic3.jpg";

e_tplink[2]="#";
e_tp[2]="images/pic4.jpg";

e_tplink[3]="#";
e_tp[3]="images/pic5.jpg";

e_tplink[4]="#";
e_tp[4]="images/pic6.jpg";

e_tplink[5]="#";
e_tp[5]="images/pic7.jpg";

function elady1_set()
{
if (document.all)
{
document.all.e_tprotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
document.all.e_tprotator.filters.revealTrans.apply();
}
}
function elady1_playCo()
{
if (document.all)
document.all.e_tprotator.filters.revealTrans.play()
}
function elady1_nextAd()
{
if(adNum_elady1<e_tp.length-1)
adNum_elady1++;
else
adNum_elady1=0;
elady1_set();
document.images.e_tprotator.src=e_tp[adNum_elady1];
elady1_playCo();
theTimer=setTimeout("elady1_nextAd()", 4000);
}
function elady1_linkurl()
{
jumpUrl=e_tplink[adNum_elady1];
jumpTarget='_blank';
if (jumpUrl != '')
{
if (jumpTarget != '')
window.open(jumpUrl,jumpTarget);
else
location.href=jumpUrl;
}
}
function elady1_listMsg()
{
status=e_tplink[adNum_elady1];
document.returnValue = true;
}

</script>

<div id='elady1_divimg' style='position: relative'>
<a onmouseover="elady1_listMsg();return document.returnValue" href="javascript:elady1_linkurl()"
target="_self">
<img style="filter: revealTrans(duration=2,transition=20)" height="125" src="images/pic1.jpg"
width="151" border="笑答0" name="e_tprotator"></a>
</div>
</div>
</body>
</html>
穰巧丹觅松
2020-05-08 · TA获得超过4188个赞
知道大有可为答主
回答量:3148
采纳率:24%
帮助的人:435万
展开全部
我也修改一下答案,不给我加分就太不够意思了
<!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
runat="server">
<title>无标题页</title>
</head>
<body
onload="setTimeout('elady1_nextAd()',
5000)">
<div>
<script
language="JavaScript"
type="text/javascript">
var
e_tp=new
Array();
var
e_tplink=new
Array();
var
adNum_elady1=0;
e_tplink[0]="#";
e_tp[0]="images/pic2.jpg";
e_tplink[1]="#";
e_tp[1]="images/pic3.jpg";
e_tplink[2]="#";
e_tp[2]="images/pic4.jpg";
e_tplink[3]="#";
e_tp[3]="images/pic5.jpg";
e_tplink[4]="#";
e_tp[4]="images/pic6.jpg";
e_tplink[5]="#";
e_tp[5]="images/pic7.jpg";
function
elady1_set()
{
if
(document.all)
{
document.all.e_tprotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
document.all.e_tprotator.filters.revealTrans.apply();
}
}
function
elady1_playCo()
{
if
(document.all)
document.all.e_tprotator.filters.revealTrans.play()
}
function
elady1_nextAd()
{
if(adNum_elady1<e_tp.length-1)
adNum_elady1++;
else
adNum_elady1=0;
elady1_set();
document.images.e_tprotator.src=e_tp[adNum_elady1];
elady1_playCo();
theTimer=setTimeout("elady1_nextAd()",
4000);
}
function
elady1_linkurl()
{
jumpUrl=e_tplink[adNum_elady1];
jumpTarget='_blank';
if
(jumpUrl
!=
'')
{
if
(jumpTarget
!=
'')
window.open(jumpUrl,jumpTarget);
else
location.href=jumpUrl;
}
}
function
elady1_listMsg()
{
status=e_tplink[adNum_elady1];
document.returnValue
=
true;
}
</script>
<div
id='elady1_divimg'
style='position:
relative'>
<a
onmouseover="elady1_listMsg();return
document.returnValue"孙猛旅
href="javascript:elady1_linkurl()"
target="_self">
<img
style="filter:
revealTrans(duration=2,transition=20)"
height="125"
src="images/pic1.jpg"
width="151"
border="0"
name="e_tprotator"></a>
</div>
</div>
</body>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
geto1080
2009-05-19 · TA获得超过320个赞
知道小有建树答主
回答量:1359
采纳率:100%
帮助的人:528万
展开全部
可以实现啊,网络上有现成的图片轮换脚本,你我图片路径设置成后台读取的路径就可以了!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
tz6060996
2009-05-19 · TA获得超过2282个赞
知道大有可为答主
回答量:1171
采纳率:100%
帮助的人:1620万
展开全部
如果你丛山用VS.net 2005或2008的羡枯话,微软的专门为你设计了一款控件,叫AdRotator。你先试试,不行兄郑洞的话找盖茨去理论。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
弥寄翠Gs
2009-05-22 · 超过10用户采纳过TA的回答
知道答主
回答量:159
采纳率:6%
帮助的人:20.9万
展开全部
切换的时候页面刷不刷新?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
YISUKU_LEE
2009-05-26 · 超过14用户采纳过TA的回答
知道答主
回答量:66
采纳率:0%
帮助的人:46.1万
展开全部
....不知道怎么说都。

<img src='<%Url%>'> Url 为一个public的变量。 Url的值你可在cs页面PageLoad 方法中从数据库读取。盯敏
不知道解决你的问题没。

记得下次问问题最好详细一些。你说你这草草两句的问题。让大家从哪里开始回答?

======================================================================
protected void RegisterJs(string strJsKey, string strJsBlock, Control source)
{
if (source == null)
throw new Exception("让则丛Control source can not be null!");

if (source is Page)
{
if (!source.Page.ClientScript.IsClientScriptBlockRegistered(source.GetType(), strJsKey))
source.Page.ClientScript.RegisterClientScriptBlock(source.GetType(), strJsBlock, strJsBlock, true);
else
throw new Exception(string.Format("There are already exist script called {0}!", strJsKey));
}
else
{
ScriptManager.
RegisterClientScriptBlock(source, source.GetType(), strJsKey, strJsBlock, true);
}
}
// 通过ClientScript或者Ajax ScriptManager注册Javascript

使用的时候:
RegisterJs("winLocation", "window.location='aaa.aspx'",udpMain)

这里,udpMain是坦樱一个Control 。window.location='aaa.aspx'是JS代码。winLocation是一个Key,随便写。

注意,以上代码全是cs里面的,这下明白了么?直接在cs页面也能注册JS脚本,你把你要在页面写的脚本,在cs里面拼成字符串,扔进来就行了吧。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 4条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式