创建侧幻灯片放映 [英] 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屋!