【[刘阳Java]_纯CSS代码实现内容过滤效果】的更多相关文章

[刘阳Java]_纯CSS代码实现内容过滤效果

继续我们技术专题课,我们今天给大家带来的是一个比较酷炫的"纯CSS代码实现内容过滤效果",没有加入任何JS的效果.全部都是应用CSS3的新增选择器来实现的.先看效果截图 实现思路 上面的四个按钮是利用 radio + label 组合方式实现 下面的图片全部都通过左浮动方式排列 外层有一个最大的div,它来包含按钮+图片 当点击按钮的时候,我们通过 CSS3 的属性选择器 + 兄弟选择器来实现过滤效果,且也具备点击事件效果(牛逼) 完整的代码如下 <!DOCTYPE html&g…

[刘阳Java]_避开环境配置快速的使用Java的开发工具_第5讲

我们一般学习Java都应该遵循通过系统的命令工具来编译Java程序,然后对编译好Java程序进行运行,这个是非常好的习惯.但是随着后期学习Java技术的深入我们也得像Java的IDE工具屈服.所以,可以在学习Java技术时候避开环境配置快速的使用Java的开发工具,对我们来说也不是一件坏事情 1.Eclipse(Java开发工具的老司机) Eclipse:将Java程序从编译到运行的一个流程通过Eclipse来搞定 注意一点:Eclipse(x86, x64)要运行成功需要注意和JVM的版本一致…

[刘阳Java]_第一个Java程序_第7讲

1. 其实第一个Java程序是很简单,但是当自己编写第一个Java程序时候需要注意如下几个内容: 理解Java程序的运行环境 校验你的Java环境变量是否能够运行你所写的第一个Java程序 理解Java程序编写的规范 2. 代码编写 记事本或者文本编辑器(EditPlus, NodePad++) Java的IDE,推荐使用Eclipse,你如果用Eclipse无需配置Java环境变量 3. 代码规范 Java是严格区分英文字母大小写 代码中出现了左右花括号{},括号作用是一个首尾呼应,代表中间是…

纯CSS 实现tooltip 内容提示信息效果

Tooltip 也就是内容的提示信息,合理使用可以给用户比较好的体验. 实现方法有很多种,有很多JS 插件,我这里介绍的是纯CSS实现的方法,兼容性也比较靠谱,IE8+均可正常显示.实现方法也非常简单. html结构 <a class="css-tooltip" href="http://fatesinger.com/73887" data-tooltip="137 likes with 3.43k reads">WordPress…

[刘阳Java]_Spring IOC程序代码如何编写_第3讲

第2讲我们介绍了Spring IOC的基本原理,这篇文章告诉大家Spring IOC程序代码是如何编写的,从而可以更好的理解IOC和DI的概念(所有的Java类的初始化工作扔给Spring框架,一个Java类如果依赖其他Java类,则此类依赖另一个Java类的初始化工作也扔给Spring框架来完成) 下面我们通过在MVC开发中业务逻辑层和Dao层之间的关系来讲解利用Spring IOC和DI来实现依赖注入的关系 1. 创建一个业务逻辑层的类(先声明一下这里的业务逻辑层我们就没有再去定义接口,所以…

[刘阳Java]_为什么要前后端分离

前后端分离已成为互联网项目开发的业界标准使用方式,通过nginx+tomcat的方式(也可以中间加一个nodejs)有效的进行解耦,并且前后端分离会为以后的大型分布式架构.弹性计算架构.微服务架构.多端化服务(多种客户端,例如:浏览器,车载终端,安卓,IOS等等)打下坚实的基础.这个步骤是系统架构从猿进化成人的必经之路 核心思想:前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互 在互联网架构中服务器的分类如下: web服务器:一般指像nginx,apa…

[刘阳Java]_酷炫视频播放器制作_JS篇

此文章是接着上次写的<酷炫视频播放器制作_界面篇>将其完善,我们主要给大家介绍一下如何利用JS脚本来控制视频的播放.为了让大家能够保持对要完成的功能有直接的了解,我们还是将效果图附到文章里面 完成本篇文章的代码编写,你能GET到200+代码量,且能够掌握很多有关video标签的属性,函数,事件的应用.当然希望大家也多多鼓励我写出更多更实际的文章来帮助大家学习的提升 第一步:我们先简单实现播放与暂停的效果,为了整个界面的DOM操作简单一点,我们就用jQuery来配合界面的操作 $(functio…

[刘阳Java]_快速搭建MyBatis环境_第2讲

1.MyBatis的环境配置 导入MyBatis包, mybatis-3.2.8.jar 导入MySQL驱动包, mysql-connector-java-5.1.24-bin.jar 创建表的实体类, 例如: MyUser(id, name, password) 编写MyBatis的核心配置文件, SqlMapConfig.xml 编写映射文件, 例如: MyUserMapper.xml 编写测试来完成数据库CRUD操作 2.MyBatis代码编写原理图,因为环境搭建成功不成功需要我们写一段代…

[刘阳Java]_什么是MyBatis_第1讲

1.什么MyBatis,我们先通过百度百科先进行一个简单的了解 MyBatis 本是apache的一个开源项目iBatis, 2010年这个项目由apache software foundation 迁移到了google code,并且改名为MyBatis .2013年11月迁移到Github. iBATIS一词来源于"internet"和"abatis"的组合,是一个基于Java的持久层框架.iBATIS提供的持久层框架包括SQL Maps和Data Access…

[刘阳Java]_斗胆介绍一下Eclipse快捷键大全[超详细]_第6讲

斗胆让我在这里介绍一下Eclipse快捷键有哪些 ctrl+shirt+r 打开资源 这组快捷键可以让你开打Eclipse工作区中任何一个文件,你只需要输入你想查找的文件名字即可,而且绝对支持模糊检索 ctrl+o 如果想查看某个类中的方法就可以使用这个此快捷键 ctrl+e 此快捷键将帮助你在打开的编辑器之间进行浏览.使用ctrl+page up或ctrl+page down可以浏览前后的选项卡,但是在很多个文件打开的状态下,ctrl+e效率更高 alt+shift+r 重命名,此快捷键可以重…