Js对角线收缩，渐隐文字效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>对角线收缩，渐隐文字效果</title>
<script type="text/javascript" src="/ajaxjs/jquery1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
   $("a").toggle(function(){
     $(".stuff").hide(‘slow‘);
   },function(){
     $(".stuff").show(‘fast‘);
   });
});
</script> 

</head>
<body>
<a href="#">
点此测试
</a>
<div class="stuff">这是一段测试文字，点击上边的链接后，本段文字由右下向左上渐渐消失。</div>
</body>
</html>

Js对角线收缩，渐隐文字效果

时间： 2024-07-29 07:52:57

Js对角线收缩，渐隐文字效果的相关文章

JS+ajax制作新浪微博文字效果

JS+ajax制作新浪微博文字效果,新浪微博效果,文字淡入效果.JS代码下载地址:http://www.huiyi8.com/sc/6426.html(转载请注明此处)

一个挺简单的网页特效:JS让网页上文字出现键盘打字的打字效果实现演示地址:http://codepen.io/guihailiuli/pen/jPOYMZ 以代码形式实现过程分析: <html> <head> <title>打字效果</title> <meta http-equiv="Content-Type" Content="text/html;charset=gb2312" /> <style

像歌词跟着声音走的JS文字效果

一个比较不错的文字显示特效,像MTV的歌词显示一样跟着演唱者慢慢逐个清淅显示,这段特效代码就实现了和这个功能差不多,而且JS代码非常少,兼容性好,点击运行看看效果吧! <html> <head> <title>石家庄花卉</title> </head> <body> <script language="JavaScript"> var message="像歌词显示一样JS文字效果!"

CSS立体文字效果最佳实践

上一篇的<纯CSS3文字效果推荐>文章里面推荐了8款纯css实现的文字效果,其中3d文字效果最为流行,限于篇幅仅仅展示了其3D实现原理,没有考虑代码的复用性和可移植性,今天来补充下,顺便领略sass的强大功能,请大家摩摩拳擦擦掌,开工咯! 案例效果还是在codepen,在线研究点这里,下载收藏点这里. 1.单单纯纯的效果一为了简化操作,我们使用和上一篇文章<纯CSS3文字效果推荐>一样的文档结构,后面的效果大差小不差,也就不再列出. <div contenteditable

js实现简单的动画效果之移动

不准时更新的日常,这次我们使用javaScript实现一个简单的动画移动效果,其思路想法很简单,就是采用"CSS DOM",对元素的位置进行改变.然后使用setTimeout()函数,对改变位置的函数进行反复调用,让文字或图片进行移动,行成动画效果. 废话不多说,直接上code: 这是HTML: <body> <p id="message"> 逝者如斯夫,不舍昼夜. </p> <script src="js/ini

js实现轮播图效果(附源码)--原生js的应用

1.js实现轮播图效果 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Author" content="奇客艺术"> <meta name="keyword" content="关键字"> <meta name=

实现textview竖排文字效果

文字效果 /** * @描述 * @作者 tll * @时间 2016/10/20 */public class VerticalTextView extends LinearLayout { private LinearLayout llLayout; private TextView textView; public VerticalTextView(Context context, AttributeSet attrs) { super(context, attrs); this.cont

实现密码框默认文字效果实例代码

实现密码框默认文字效果实例代码:大家都知道很多文本框在默认情况下都有默认的提示文本,例如"请输入姓名"之类的语言,当点击文本框的时候,会清除提示语,比较人性化.但是在密码框中实现此效果可能就有点麻烦了,因为密码框不是以明文显示的,下面就介绍一下代码实例解决此问题.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="

.Net中使用response.write('js代码')后css失去效果，解决办法。

net中使用response.write输出js会将js放在源代码的最前面,这样就可能出现破坏网页css的效果,让css失去效果 .net中使用Page.ClientScript.RegisterStartupScript(this.GetType(), "", " <script lanuage=javascript>if(confirm('确定要交卷吗?')==false){history.back()}; </script>"); 可以