当HTML5族中,CSS3无疑是相同名为重大的家庭成员。我们可用CSS3的各种风味来形成好炫酷实用的HTML5运用插件,方便前端开发者快速实现需要之效力。今天享受的10款最新HTML5/CSS3应用或会鼓舞你的灵感。

回到目录

1、HTML5/CSS3兑现iOS Path菜单 菜单动画大十分

Path菜单相信大家都无陌生吧,它当iOS中杀流行,今天咱们若享用的食谱就是使用HTML5和CSS3技能来学实现即款iOS
Path菜单,点击按钮,即可弹出子菜单,子菜单弹出之卡通大炫酷。点击子菜单,即可打开相应功能。

图片 1

在线演示 
      源码下载

ThreadStatic

2、HTML5环形音乐播放器 播放器外观很可怜

前面我们享受了几慢HTML5音乐播放器和视频播放器,像这款HTML5卡带式古典播放器、HTML5来看频播放器Video.Js好不易。今天自要是享受同慢性外观还怪的HTML5音乐播放器,该播放器是环形的,背景图片非常精良,可以控制播放、调整音量等播放器常用的效益。

图片 2

在线演示 
   
  源码下载

ThreadStatic是C#里的一个表征,它可于你的字段在一个线程里中,但若切莫可知说了算是字段在何时被回收,即如声明一个int32底字段为ThreadStatic,然后你呢它们赋值时也100,那么它什么让还原成默认值0,我们不得而知,这在出时,我们兴许只有手动将它若为0才行,比较难看,但为从来不道,谁受我们用了ThreadStatic呢,被声称也ThreadStatic之后,已经说明这个字段是静态化的,只不过它是让局限在一个线程内之。

3、HTML5/CSS3起铃动画特效 闹钟可以抖动

生铃大家都因此过,经常吵架着公学习上班。今天我们设用HTML5/CSS3技来兑现一个套的发铃动画特效,首先这个闹钟可不是摆放,它有时钟的效应,你可翻本地时间。另外这个闹铃在一贯的早晚会抖动起来,效果特别逼真,是均等放缓非常有意思的HTML5动画特效。

图片 3

在线演示 
      源码下载

Quartz

4、纯CSS3实现多色彩菜单 带鼠标滑动了动画

以html5tricks网站上,我们享受了好多纯CSS3贯彻之网页菜单,大家可以去CSS3菜肴才栏目下搜寻。今天若是分享的马上款菜单呢是使用纯CSS3兑现,这款CSS3菜单的菜单项下框来各种精彩的彩带,鼠标滑动过时彩带的颜色为会见转移。另外菜单以黑色背景下再突显大气,很实用的同样款菜单。

图片 4

在线演示 
      源码下载

Quartz是一个任务调度框架,起源于java,它时为大规模的下于各种后台处理多少的场子,像一些统计数据,推送数据,消息数据等,它可大大降低前端服务器的产出压力,并且Quartz的治本界面也来那么些,直接nuget安装即可,在这些产品中最好资深的该就是CrystalQuartz了,它可以在WEB界面中管理咱们的JOB项目!

5、CSS3侧边栏菜单 带可爱的有点图标菜单

咱俩早就享受了许多美好的CSS3菜单了,今天如果享受的即刻款CSS3菜单是侧边栏菜单,菜单整体式停靠在网页的侧边,鼠标滑动过时才会进展菜单,该CSS3侧边栏菜单拥有同等套好的svg小图标,菜单的完整样式非常清爽,是一律款款不错的CSS3食谱。

图片 5

在线演示 
   
  源码下载

日志系统Lind.DDD.Logger

6、HTML5 3D图表插件 可动态显示图表数据

世家必还记之前分享过的几乎缓HTML5图表插件吧,这款HTML5/jQuery雷达动画图表挺有风味,这款豪华的HTML5图表
可兆示实时数据意义并且格外强大。今天我们又如吃大家大快朵颐同慢大很的HTML5
3D图表插件,它可以以图片的数项绘制成一个3D底区域,并且图表的数码可动态的逐一显示,图表的视觉效果也对。

图片 6

在线演示   
    源码下载

Logger本来是Lind框架的一个日志组件,它是最低层的零部件,是其他组件的底子,也深受用到任何的政工体系里,而其间一个Quartz组件里,使用Logger时提出了一个题材,就是安根据job去自动建立日志目录,让每个JOB都来协调的目,这样于条分缕析日志时还是特别有必要之。

7、HTML5/CSS3牵连表单 提交按钮有发光动画

群上前我们享受过几款款很对的CSS3表单,尤其是那款CSS3犯就登录表单,更是相当绚丽。今天我们来享受同慢慢悠悠好怪的CSS3挂钩表单,表单有雷同摆放老有内涵之背景图,表单充满全屏,非常大方。另外该CSS3联系表单还有一个见面发光的提交按钮,非常酷。

图片 7

在线演示 
      源码下载

欲看到底结果要图

8、CSS3环形动画菜单 很挺的盘动画

事先我们介绍了几磨蹭外观良好,而且比实用的CSS3菜谱,像这款HTML5/CSS3
3D下拉折叠菜单3D效果挺不易,这次我们如果享受同慢使用纯CSS3落实之环形动画菜单,这款菜单以鼠标滑动过时会旋转展开子菜单,旋转的早晚带有淡入淡出的功效,非常很的菜单特效。

图片 8

在线演示 
      源码下载

图片 9

9、HTML5图做归类效果 图片分类利器

HTML5对准处理局部粗略的卡通大便利,比如移动、淡入淡出效果相当。今天分享的及时款HTML5图纸做归类特效就使了HTML5的走特效,当用户挑选一个图片分类时,相关分类的图样就会动及这个分类下,并陪着淡入淡出的运动动画,是一律迟迟功能特别十分的HTML5图纸处理下。

图片 10

在线演示     
  源码下载

测试用底少数只Job

10、HTML5大多职能图表 支持饼状图和金字塔图

并未记错的言语前几上我既享受过一样慢是的HTML5饼状图表了,像这款HTML5
Canvas饼状图表,就好有力。今天更宣布一个越来越科学的HTML5差不多意义图表,它不仅仅支持饼状图,也支撑金字塔状图,点击图片的统计区间即可查看时距离的图样数据。

图片 11

在线演示 
   
  源码下载

以上就是10慢慢悠悠激发灵感的新星HTML5/CSS3应用,欢迎分享。(www.html5tricks.com)

本文由html5tricks收集整理,转载请务必保留原文链接
http://www.html5tricks.com/10-wonderful-html5-css3-plugin.html

   public class Hello_Job : JobBase
    {

        protected override void ExcuteJob()
        {

            Console.WriteLine("Hello Job方法:" + Thread.CurrentThread.ManagedThreadId);
            Lind.DDD.Logger.LoggerFactory.Instance.Logger_Info("Hello Job日志!");
        }
    }

    public class Hi_Job : Lind.DDD.QuartzJob.JobBase
    {

        protected override void ExcuteJob()
        {

            Console.WriteLine("Hi Job!" + Thread.CurrentThread.ManagedThreadId);
            Lind.DDD.Logger.LoggerFactory.Instance.Logger_Info("Hi Job!");

        }
    }

JobBase举行让具有Job的基类存在,它最主要有好的肤浅方法与IJob的接口方法,其中抽象方法由字类Job自己失去实现,去贯彻自己之工作逻辑;而IJob方法由Quartz框架去调用,并在措施吃友好调用了纸上谈兵方法的情,大致代码如下

    [DisallowConcurrentExecution()]
    public abstract class JobBase : IJob
    {

        #region IJob 成员
        /// <summary>
        /// Job主方法
        /// </summary>
        /// <param name="context"></param>
        public void Execute(IJobExecutionContext context)
        {
            Lind.DDD.Logger.LoggerFactory.Instance.SetPath(this.GetType().Name);
            ExcuteJob();
            Console.WriteLine(DateTime.Now.ToString() + "{0}这个Job开始执行", context.JobDetail.Key.Name);
        }

        #endregion

        /// <summary>
        /// Job具体类去实现自己的逻辑
        /// </summary>
        protected abstract void ExcuteJob();
    }

日记组件中之字段使用了ThreadStatic

对日记文件分文件夹存储,主要在日记组件中以ThreadStatic来贯彻之,代码主要如下

        /// <summary>
        /// 每个子类初始时都执行基类这个构造,初始化当前路径
        /// </summary>
        public LoggerBase()
        {
            FileUrl = Path.Combine(AppDomain.CurrentDomain.BaseDirectory, "LoggerDir");
        }
        /// <summary>
        /// 日志文件地址
        /// 优化级为mvc方案地址,网站方案地址,console程序地址
        /// </summary>
        [ThreadStatic]
        static protected string FileUrl;

       #region ILogger 成员
        public void SetPath(string path)
        {
            if (!string.IsNullOrWhiteSpace(path))
            {
                FileUrl = FileUrl + "\\" + path;
            }
        }
        #endregion

对FileLogger这个文件日志实现类似来说,它如果开的凡,在形容了文件流之后,要把FileUrl这个字段从新赋值,因为咱们无晓得之字符串什么时候吃清空!

           lock (objLock)//防治多线程读写冲突
            {
                using (System.IO.StreamWriter srFile = new System.IO.StreamWriter(filePath, true))
                {
                    srFile.WriteLine(string.Format("{0}{1}{2}"
                        , DateTime.Now.ToString().PadRight(20)
                        , ("[ThreadID:" + Thread.CurrentThread.ManagedThreadId.ToString() + "]").PadRight(14)
                        , message));
                    srFile.Close();
                    srFile.Dispose();
                }
            }
            //清除当前的路径
            FileUrl = Path.Combine(AppDomain.CurrentDomain.BaseDirectory, "LoggerDir");

地方的题目,我呢是寻觅了怪遥远,因为连续找不至测试不成事之案由,最后想到了ThreadStatic特性的扬言周期,算是找到来源了,呵呵!

建议大家看C#的《对象的不得了以及特别》!

返目录