闪烁效果

最新推荐文章于 2024-05-11 10:05:08 发布
最新推荐文章于 2024-05-11 10:05:08 发布
阅读量464 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vip545058/article/details/22668277
版权 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>新消息闪烁提示</title>
</head>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>

<script type="text/javascript">

	(function($) {
		$.extend({
			blinkTitle : {
				show : function() {
					var step=0, _title = document.getElementById("number").innerHTML;
						
					var timer = setInterval(function() {
						step++;
						if (step==3) {step=1;};
						if (step==1) {
							document.getElementById("number").style.color="red";
							document.getElementById("number").innerHTML="33"+_title;
						};
						if (step==2) {
							document.getElementById("number").style.color="blue";
							document.getElementById("number").innerHTML="22"+_title;
						};
					}, 500);
					return [timer, _title];
				},
				
				clear : function(timerArr) {	//去除闪烁提示，恢复初始title文本
					if(timerArr) {
						clearInterval(timerArr[0]);
						//document.getElementById("number").innerHTML = timerArr[1];
					};
				}
			}
		});
	})(jQuery);
	
	jQuery(function($) {
		var timerArr = $.blinkTitle.show();
		setTimeout(function() {
			$.blinkTitle.clear(timerArr);
		}, 5000);
	});
	
	</script>

	<script type="text/javascript">
		function show(){
			var obj = document.getElementById("sn");
			if(obj.style.display=="block"){
				obj.style.display ="none";
			}else{
				obj.style.display ="block";
			}
		}
		
		
		//********************//
		$(document).ready(function () {
		$("#close_btn").click(function () {
		$("#pop_msg").hide();
		});
		$("#pop_btn").click(function () {
		$("#pop_msg").show();
		})
		})
		//********************//
		
		
	</script>
	
	<body>
		<p id="shan" style="text-align:center;" title="这是一个实验颜色的tilte">您有 <em id="number"></em> 条新消息</p>
		<br/>
		<p style="text-align:center;"><input type="button" value="请单击" οnclick="show()"/></p>
		<br/>
		<p style="text-align:center;"><input type="button" id="twinkle" value="测试闪烁效果"/></p>
		<div id="sn" style="text-align:center;">
			试试效果
		</div>
    </body>
</html>


效果图 

vip545058
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
星星闪烁效果
12-25
星星闪烁效果,fla源文件,效果非常好，是做图的好帮手
unity 星星特效
10-13
unity 星星特效
Unity下雨、流星、烟雾、星星特效预制体
11-13
资源有预制体，可以直接拖入场景使用，雨滴溅起的效果，流星有划过，闪烁
Unity教程之-制作闪亮的星星Star
02-23
Unity教程之-制作闪亮的星星Star：源码 网盘链接: http://pan.baidu.com/s/1sjA0Dtz 密码: hueh
unityui炫酷动画_Unity_Animation实现UI星星闪耀效果①
weixin_33962315的博客
12-24 1380
RT.用于做UI布局。1.canvas内新建image，把星星的素材图拖入到源图里。顺便给面板内的图片一个star的命名。2.新建prefab文件夹把星星做成预制体。3.新建animator文件夹，里面创建关于星星的动画和动画控制器，动画勾选looptime，让它循环播放，然后点击即开始。4.星星预制体内添加一个animator，控制器选中刚刚做的星星控制器。5.设置animation。 这里期待...
Unity3D实现物体闪烁效果
08-26
主要为大家详细介绍了Unity3D实现物体闪烁效果，类似霓虹灯、跑马灯、LED灯效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
多种闪烁效果
04-06
作者Zws-China，源码WSShiningLabel，闪烁的文字，多种闪烁效果，需要的朋友可以可以了解一下。
echarts压缩js（包含柱状图闪烁效果）
05-14
本资源为本人二次打包的echarts压缩js，包含柱状图闪烁效果，也可学习我的教程后，自行打包，谢谢大家！
WPF呼吸闪烁效果例子
02-09
一个WPF呼吸闪烁效果的例子 更多资源： http://cleopard.download.csdn.net
闪烁魔法（blink）
Mi-Queen
08-07 600
闪烁魔法（blink） 【题目背景】 NancyNancyNancy是一名清华大学的魔法师，她最擅长的魔法是闪烁魔法。 【题目描述】 清华大学共有nnn个地点，编号从111至nnn。NancyNancyNancy的闪烁魔法可以让自己从某个地点瞬间移动到另一个地点。每次使用闪烁魔法都需要消耗一定的魔法值。在不同的两个地点之间使用闪烁魔法进行移动需要消耗的魔法值可能不同。 利用闪烁魔法，Na...
unity实现闪烁效果
qq_41623768的博客
04-13 1万+
代码拖到静止的物体上，要闪烁效果的物体拖到对象里代码：使用System.Collections; 使用System.Collections.Generic; 使用UnityEngine; public class ShowHide：MonoBehaviour {     public GameObject Object;     public float gapTime; //闪烁的间隔时间，在U...
Unity教程之-制作闪亮的星星Star（二）：创建Shader
GOON
02-23 3104
继续上篇文章《Unity教程之-制作闪亮的星星Star（一）：动态的创建Mesh》我们建立一个新的Shader将它命名为Star，然后写入以下代码。什么是CGPROGRAM？ Basically, data flows from the Unity engine into the graphics card, where it’s processed per vertex. Then interpo
闪烁Alpha死亡例子
kingBook928的博客
09-27 556
package { import flash.display.MovieClip; import flash.display.Sprite; import flash.events.Event; /** * ... * @author kingBook */ public class Main extends Sprite { pri
Silverlight之我见——制作星星闪烁动画
weixin_30268921的博客
05-09 83
圣诞节来了，无聊，做点东西纪念一下。 原理很简单，生成1000个圆，从随机数来布置它们的位置，通过动画来处理它们的透明度，动画时长也是随机生成。 1、创建图形数组并设置背景透明，渐变笔触，大小等，而后加入到Grid元素的子元素集中； 2、创建动画时间线； 3、加载完成后播放动画； 4、每一轮动画播放完毕后，重新随机生成一下图形的Margin，动画的时间长度也是随机生成。 ...
CSS实现vip闪光特效
weixin_34082789的博客
08-20 919
<body> <p class="goodman">还给我吧，我的时间我的钱</p> </body> .goodman{ font-size: 20px; -webkit-mask-image: linear-gradient(to right, red, ...
Unity粒子特效系列-闪星星的宝箱
热门推荐
空名先生
07-06 1万+
Hello，大家好，我是小空。我又回来了。 今天带大家实现个粒子特效-闪星星的宝箱效果，平时在玩游戏的时候，通常都会有开宝箱，而宝箱通常都会在一个角落里静静的躺着，加上一个闪星星的效果，以表示可交互的宝藏。 上面我们从截图中可以看出就是三个不同样式的贴图在不断闪烁的效果。 好了，我们来想想思路：知道了这些，我们实现起来就很简单了。 我们创建三个粒子，其中两个粒子都包含【发射】【形状】【生命周期内速度】【生命周期内受力】【生命周期内颜色】【生命周期内大小】【渲染器】模块，另一个粒子系统只包含【发射】【形状】
Unity教程之-制作闪亮的星星Star（一）：动态的创建Mesh
GOON
02-23 5148
篇unity3d教程我们来学习下，如何动态创建Mesh来制作一个闪亮的星星Star，看下最终效果图 unity star下面开始，本篇unity3d教程将让你学会如何创建一个星型控件以及如何制作这个控件的自定义编辑器。你将学会：动态的建立Mesh。 使用一个嵌套类。 建立一个自定义编辑器。 使用SerializedObject。 支持所见即所得。 对Undo、Redo、Reset和p
TypeScript中的函数类型注解：精确定义行为与意图
最新发布
逐星的博客
05-11 317
在TypeScript中，函数不仅是一段执行特定任务的代码块，它们还可以拥有自己的类型。函数类型注解允许开发者定义函数的参数类型和返回值类型，从而提高代码的可读性和可维护性。函数类型注解是TypeScript中定义函数时的重要特性，它有助于确保函数参数和返回值符合预期，从而提高代码的准确性和安全性。
echarts 点闪烁效果
12-14
在 Echarts 中实现点闪烁效果，可以通过使用自定义动画和特效来实现。 首先，我们可以使用 Echarts 提供的 API 设置点的动画效果。可以通过设置 `series` 中的 `effectScatter` 属性来启用点的特效，并设置特效的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值