左右滚动jquery,左右滚动体育教案
jquery 实现文字左右滚动
html
目前创新互联建站已为1000多家的企业提供了网站建设、域名、网页空间、网站托管、企业网站设计、汉阳网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
head
script type="text/javascript" src="/jquery/jquery.js"/script
script type="text/javascript"
$(document).ready(function () {
$("#start").click(function () {
$("#box").animate({ right: "1500px" }, 4000);
});
});
/script
/head
body
pa href="#" id="start"Start Animation/a/p
div align="right" id="box" style="position:relative"
阿什顿饭卡上及地方了看见卡拉时间段福建按时到法律是快递费及卡拉是东方
/div
/body
/html
script src="你 JQ存放的地址 例如/include/123.js"/script
不知道是不是你要的
jquery怎么实现左右滑动的问题
script
$(document).ready(function(){
$("#hide").click(function(){
if($("#left").css('width') == '200px'){
$("#left").animate({width:0},"slow");
$("#hide").val('显示');
}else{
$("#left").animate({width:200},"slow");
$("#hide").val('隐藏');
}
});
});
/script
div id="left" style="width:200px; background-color:#009900; float:left;" /div
div id="right" style="width:400px; background-color: #FF0000; float:left;" /div
div style="float:left"
input id="hide" type="button" value="隐藏" /
/div
jquery手机触屏左右滑动切换栏目怎么做
jquery手机触屏左右滑动切换栏目
$(function(){
TouchSlide({
slideCell:"#slideBox",
titCell:".myhd
ul",
//开启自动分页
autoPage:true
,此时设置
titCell
为导航元素包裹层
mainCell:".bd
ul",
effect:"leftLoop",
autoPage:true,//自动分页
autoPlay:true
//自动播放
});
div
id="slideBox"
class="slideBox"
div
class="bd"
ul
li
a
class="pic"
href="#"img
src="${ctxStatic}/img/mobile/news1.png"
//a
a
class="tit"
href="#"墨西哥教师罢工
与警察激烈冲突/a
/li
li
a
class="pic"
href="#"img
src="${ctxStatic}/img/mobile/news2.jpg"//a
a
class="tit"
href="#"日右翼游行纪念钓岛"国有化"周年/a
/li
li
a
class="pic"
href="#"img
src="${ctxStatic}/img/mobile/news3.jpg"//a
a
class="tit"
href="#"女兵竞选美国小姐鼓励女性自强/a
/li
li
a
class="pic"
href="#"img
src="${ctxStatic}/img/mobile/news4.jpg"//a
a
class="tit"
href="#"济南现“最窄人行道”
仅0.2米宽/a
/li
/ul
/div
div
class="myhd"
ul
style="height:
28px;"/ul
/div
/div
名称栏目:左右滚动jquery,左右滚动体育教案
链接URL:http://azwzsj.com/article/dsicihc.html