2则自己编写的jQuery特效分享
网络编程 2021-07-04 21:47www.168986.cn编程入门
这里给大家分享的是个人编写的2个jQuery特效,非常简单实用,推荐给大家,希望对大家能有所帮助。
先贴代码吧
代码如下:
<script type="text/javascript">
var msg=["你真伟大","你真漂亮","该吃饭了"];
$(document).ready(function(){
$("#tijiao").click(function(){
$("#p1").html(msg[Math.floor(Math.random() msg.length)]);
});
});
</script>
这个代码呢是一个 JQ 的按钮点击随机出现一句话的这么一个功能
要点 就在
代码如下:
$("#p1").html(msg[Math.floor(Math.random() msg.length)]);
这一句上面。
好了,下一段代码
代码如下:
<script language="javascript" type="text/javascript">
$(
function() {
$(".content1 ul:gt(0)").hide();
$(".tab li:first").addClass("active");
$(".tab li").css("cursor", "pointer");
$(".tab li").hover(
function(){
$(this).addClass("active").siblings().removeClass("active");
$(".content1 li").eq($(this).index()).siblings().hide().end().show();
}
)
}
);
</script>
这个是一个tab切换的效果
关键点在于
tab选项卡的div块内float浮动一行显示多个<li>。
狼蚁网站SEO优化对应的contentdiv块内多个div,
第一个displayblock。其余none。
上下div块内元素的数目和顺序保证一致。
后面就对<li>绑定click.
对应相对的思路就好了!
好了,今天分享的这2则jQuery特效就先到这里了,以后慢慢分享一些其他特效,希望大家能够喜欢。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程