创建侧幻灯片放映 [英] creating side slide show
问题描述
我从网站上获取此代码。这使得3分钟后滑下来。但是我怎样才能从另一方面做到这一点？
<！DOCTYPE html>
< html>
< head id =Head1runat =server>
< title> Home< / title>
< style type =text / css>
.divNoBorder
{
background-color：White;
font-family： Lucida Sans Unicode，Lucida Grande，Verdana，Arial;
字体大小：12px;
颜色：蓝色;
宽度：500px;
margin-left：0px;
margin-right：0px;
margin-top：0px;
填充：0px;
}
.divNoBorder p {
颜色：＃4B0082;
}
< / style>
< script src = http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.js\"
type =text / javascript>< / script>
< script type =text / javascript>
$（function（）{
var $ divSlide = $（div.slide）;
$ divSlide.hide（）。eq （0）.show（）;
var panelCnt = $ divSlide.length;
setInterval（panelSlider，3000）;
function panelSlider（）{
$ divSlide.eq（（$ divSlide.length ++）％panelCnt）
.slideUp （慢，函数（）{
$ divSlide.eq（（$ divSlide.length）％panelCnt）
.slideDown（slow）;
}）;
}
}）;
< / script>
< br $> b $ b
< link rel =stylesheettype =text / csshref =StyleSheet2.css/>
< /头>
< body>
< form id =form1runat =server>
让你的知识被修改
< asp：Panel ID =panelOnerunat =serverclass ='slide'>
< img src =Images / slide1.jpgalt =class =alignleft/>
< asp：Panel ID =panelTworunat =serverclass ='slide'>
< img src =Images / slide2.jpgalt =class =alignleft/>
< asp：Panel ID =panelThreerunat =server class ='slide'>
< img src =Images / slide3.jpgalt =class =alignleft/>
< asp：Panel ID =panelFourrunat =serverclass ='slide'>
< img src =Images / slide4.jpgalt = class =alignleft/>
< asp：Panel ID =panelFiverunat =serverclass ='slide'>
< img src =Images / slide5.jpgalt =class =alignleft/>
< / form>
< / body>
< / html>
如果您有任何想法在C＃中制作幻灯片，请帮我提前。
（ function（）{
var
divSlide =
（div.slide）;
I fount this code from a site. This make a slide down after 3 minutes. But how can I make it from another side??
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<title>Home</title>
<style type="text/css">
.divNoBorder
{
background-color:White;
font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial;
font-size:12px;
color:BLUE;
width:500px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
padding:0px;
}
.divNoBorder p {
color: #4B0082;
}
</style>
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.js"
type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var $divSlide = $("div.slide");
$divSlide.hide().eq(0).show();
var panelCnt = $divSlide.length;
setInterval(panelSlider, 3000);
function panelSlider() {
$divSlide.eq(($divSlide.length++) % panelCnt)
.slideUp("slow", function () {
$divSlide.eq(($divSlide.length) % panelCnt)
.slideDown("slow");
});
}
});
</script>
<link rel="stylesheet" type="text/css" href="StyleSheet2.css" />
</head>
<body >
<form id="form1" runat="server">
LET YOUR KNOWLEDGE BE MODIFIED
<asp:Panel ID="panelOne" runat="server" class='slide'>
<img src="Images/slide1.jpg" alt="" class="alignleft"/>
<asp:Panel ID="panelTwo" runat="server" class='slide'>
<img src="Images/slide2.jpg" alt="" class="alignleft"/>
<asp:Panel ID="panelThree" runat="server" class='slide'>
<img src="Images/slide3.jpg " alt="" class="alignleft"/>
<asp:Panel ID="panelFour" runat="server" class='slide'>
<img src="Images/slide4.jpg" alt="" class="alignleft"/>
<asp:Panel ID="panelFive" runat="server" class='slide'>
<img src="Images/slide5.jpg" alt="" class="alignleft"/>
</form>
</body>
</html>
If you have any idea to make slide show in C# please help me to ahead.
(function () {
var
divSlide =
("div.slide");
这篇关于创建侧幻灯片放映的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
