jquery实现诗句竖排，逐句显示

代码如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>诗句竖排，逐句显示</title>
<script type="text/javascript" src="JavaScript/jquery-1.11.2.min.js"></script>
<style type="text/css">.poem{width:200px;height:200px;margin:50px auto;}.poem span,.test1 li{width:14px;word-break:break-all;margin-right:20px;}.hideSpan{display:none;}</style>
</head><body>   <div class="poem"><span class="hideSpan">白日依山近</span><span class="hideSpan">黄河入海流</span><span class="hideSpan">欲穷千里目</span><span class="hideSpan">更上一层楼</span></div><script>   //诗句逐句显示效果var i=0;var timer=setInterval(function(){var len=$(".poem span").length;$(".poem span").eq(i).toggle("slow");    i++;if(i==len){clearInterval(timer);    };},1000);</script>
</body>
</html>

转载于:https://www.cnblogs.com/Farris/p/4455689.html

jquery实现诗句竖排，逐句显示相关推荐

基于Jquery插件Uploadify实现实时显示进度条上传图片
网址:http://www.jb51.net/article/83811.htm 这篇文章主要介绍了基于Jquery插件Uploadify实现实时显示进度条上传图片的相关资料,感兴趣的小伙伴们可以参考 ...
php下拉列表框是隐藏变色的代码,jQuery设置下拉框显示与隐藏效果的方法分析...
本文实例讲述了jQuery设置下拉框显示与隐藏效果的方法.分享给大家供大家参考,具体如下: jQuery的 hide() 和 show() 方法分别用来隐藏和显示 HTML 元素,而 toggle() ...
input验证邮箱 css,jquery验证邮箱格式并显示提交按钮
简要教程简洁.大方和直观的用户界面是我们最喜欢的网页设计.本文介绍的正是这样的一个设计风格. 如何才能做到页面的简洁大方并且人性化?大多数网站的表单采用文本提示的方法,提示用户哪里填写错了,哪里不正 ...
jQuery效果（隐藏和显示）
jQuery效果解析隐藏和显示 hide()和show() jQuery toggle() 淡入淡出 jQuery fadeIn() 方法 jQuery fadeOut() 方法 jQuery fa ...
jquery控制table的行显示和隐藏
jquery控制table的行显示和隐藏一.开发记录我们经常会遇到需要在html中控制元素进行隐藏或显示的场景: 隐藏: $('#id').css('display','none'); 显示: $ ...
jQuery UI 添加法定节假日显示
[b][align=center][size=small]jQuery UI 添加法定节假日显示[/size][/align][/b] 有新需求了,填写日历的时候需要显示法定节假日. 在网上了解了一下 ...
jQuery导航插件One-Page-Nav演示-显示命名锚记
jQuery导航插件One-Page-Nav演示-显示命名锚记简介使用选项示例推荐简介电商网站的分类比较明确,比如1楼是手机通讯产品,2楼是家用电器,3楼是服装鞋包等等,旁边还会有一个固 ...
jquery实现点击标题显示内容，同级其他元素内容隐藏
最终呈现效果: jquery实现点击标题显示内容,同级其他元素内容隐藏视频核心代码块: //点击标题元素('历史上的今天')$(document).on('click','.item',functi ...
jQuery效果：隐藏、显示、切换、滑动、淡入淡出、动画
jQuery效果隐藏.显示.切换.滑动.淡入淡出.以及动画1.隐藏与显示(改变:display:none;) hide()--隐藏 show()--显示toggle()方法:可以使用它来切换hide ...

jquery实现诗句竖排，逐句显示

jquery实现诗句竖排，逐句显示相关推荐

最新文章

热门文章