- css鼠标移上去向上移动,css3鼠标移动图片上移效果
yo xiba
css鼠标移上去向上移动
css3的功能真是很强大,学无止境,不多说,直接上代码css部分:*{margin:;padding:;}.text-center{text-align:center}.col_cont{width:300px;height:300px;margin:auto}.thumbnail{cursor:pointer;text-decoration:none;display:block;padding:
- CSS (常用样式) 笔记05
不修×蝙蝠
css前端html笔记
一.字体相关1.color:设置字体颜色2.font复合属性:①font-size设置字体大小②font-weight设置字体粗细③font-style设置字体风格e.gitalic斜体normal正常3.文本:①text-decoration设置文本下划线(通常使用none值来消除超链接a的下划线)②text-align规定文本水平对齐方式(left向左,center居中,right靠右)③li
- Flutter控件之 Text
眼中有码
用于显示文字Text("Text组件的使用",style:TextStyle(//文字颜色color:Color(0xfff0000),//none不显示装饰线条,underline字体下方,overline字体上方,lineThrough穿过文字decoration:TextDecoration.none,//solid直线,double双下划线,dotted虚线,dashed点下划线,wavy
- 纯css实现tab切换
Allan要做活神仙
1、利用a标签target,点击之后对应id的div会有:target伪类。*{margin:0;padding:0;text-decoration:none;}.tab{width:300px;height:300px;margin:30pxauto;overflow:hidden;}.nav{height:30px}.content{height:270px;overflow:hidden;}
- 如何去掉a标签的下划线
公众号_一码当先
前端
a标签是经常被使用的一个标签,它用于链接到其他网页或者锚点等。但是在默认情况下,a标签下方会有一条默认的下划线,这给页面美观程度造成了一定影响。那么,如何去除a标签下的下划线呢?下面就让我们来一起了解一下通过css去除a标签下划线的方法。直接在样式中添加如下样式:.smooth{text-decoration:none;}或a{text-decoration:none;}
- css学习:轮播图
比尔盖茨接班人班长
css学习css3
轮播图写法一:定位Document*{padding:0;margin:0;list-style:none;text-decoration:none;}#wrap{width:590px;height:470px;margin:50pxauto;border:10pxredsolid;position:relative;}img{vertical-align:middle;}/*.imgs{}*/
- JavaScript实现算数验证码
念念碎平安夜
一、界面.code_a{color:#0000ff;font-size:12px;text-decoration:none;cursor:pointer;}#cvs{cursor:pointer;}varvalicode;functionchangeCode(){varcvs=document.getElementById("cvs");valicode=drawcode(cvs);}functi
- Vue列表渲染
sunxiaochuan
源码todo.htmlVue列表渲染--处理列表ulli{cursor:pointer;}.done{text-decoration:line-through;}加done类名-->{{task.content}}newVue({el:"#app",data:{tasks:[{content:"看电影",completed:false},{content:"打篮球",completed:false
- flex布局与float布局
Faith丶信仰
前端javascriptcss
1、float前后2、flex布局.nav{display:flex;background-color:#f8f8f8;/*导航栏背景颜色*/}.nava{flex:1;display:flex;align-items:center;justify-content:center;padding:14px16px;text-decoration:none;color:#555555;/*导航栏文字颜
- 导航条练习
Alice丨殇
导航条*{margin:0;padding:0;}.nav{width:960px;height:42px;border:1pxsolid#474747;margin:30pxauto;padding:0px129px;}.nava{text-decoration:none;font-family:"微软雅黑";color:#333;font-size:14px;}.list{list-style
- 【JavaEE】_CSS常用属性
_周游
JavaEEjava-eecssjava
目录1.字体属性1.1设置字体家族font-family1.2设置字体大小font-size1.3设置字体粗细font-weight1.4设置字体倾斜font-style2.文本属性2.1设置文本颜色color2.2文本对齐text-align2.3文本装饰text-decoration2.4文本缩进text-indent2.5行高line-height3.背景属性3.1背景颜色backgroun
- 【JAVA WEB】 百度热榜实现 && 新闻页面 && Chrome 调试工具
lzb_kkk
java前端开发语言
目录百度热榜新闻页面Chrome调试工具--查看css属性打开调试工具的方式标签页含义百度热榜实现效果:实现代码Documenta{color:blue;text-decoration:none;}a:hover{text-decoration:underline;}table{width:536px;}.title.col-1{font-size:20px;font-weight:bolder;
- CSS基础样式
我不信这样也重名
CSS继承一、什么是CSS继承CSS继承是指我们设置父级CSS样式时,父级及以下的子级都具有此属性。二、不可继承的属性display:规定元素应该生成的框的类型文本属性:vertical-align、text-decoration、text-shadow、white-space、unicode-bidi等盒子模型属性:width、height、margin等背景属性:background等定位属性
- css2018-10-31作业
癫狂麦芽糖
http://127.0.0.1:8848/2day3/index.htmlimage.pngimage.png特斯拉ul{list-style-type:none;margin:0;padding:0;overflow:hidden;}li{float:left;padding:10px;color:white;}lia{text-decoration:none;display:block;te
- css综合案例1
2024进厂
csswebviewhtml
Documentdiv{width:800px;height:600px;/*background-color:pink;*/margin:0auto;}h1{text-align:center;}.center{text-align:center;}a{text-decoration:none;}.color1{color:#808080;}.color2{color:#87ce87;font-
- CSS综合案例-新闻页面
WangZhang_521
CSScss前端
CSS综合案例-新闻页面CSS综合案例-新闻页面body{font:16px/28px'MicrosoftYahei'}h1{/*文字不加粗*/font-weight:400;/*让h1里面的文字水平居中对齐*/text-align:center;}.gray{color:#888897;font-size:12px;text-align:center;}a{text-decoration:non
- CSS综合案例导航和五彩导航
浮光跃金.free
csshtml前端
导航/*a显示模式是行内,加宽高默认不生效,转显示模式:行内块*/a{text-decoration:none;width:200px;height:100px;background-color:aqua;display:inline-block;color:#fff;text-align:center;line-height:100px;}a:hover{background-color:ora
- 2019-04-06
蓝子_23d0
CSS导航栏代码如下:导航条*{margin:0;padding:0;}a{color:#333;text-decoration:none;}ul{list-style:none;}nav{width:500px;margin:10pxauto0;box-shadow:0px2px4px1pxrgba(0,0,0,0.3)}nav::after{content:'';display:block;c
- 》》css3--动画
weixin_33690367
5guxui
功能特权-QQ登录*{margin:0;padding:0;}a{text-decoration:none;}header{width:100%;height:90px;background-color:#fff;font-size:0;}body{font-family:"微软雅黑";position:relative;}.fixedlogo{position:fixed;top:90px;ri
- 分页
九妄_b2a1
分页*{margin:0;padding:0;}a{text-decoration:none;background-color:gold;color:black;font-size:12px;padding:5px10px;margin:03px;}.list{list-style:none;height:42px;width:960px;border:1pxsolid#deddd9;margin
- 第三百一十三回
talk_8
一起TalkFlutter吧移动开发Flutter
文章目录1.概念介绍2.实现方法2.1obscureText属性2.2decoration属性3.示例代码4.内容总结我们在上一章回中介绍了"如何实现倒计时功能"相关的内容,本章回中将介绍如何实现密码输入框.闲话休提,让我们一起TalkFlutter吧。1.概念介绍在实际项目中会遇到输入密码需求,我们将在本章回中介绍如何实现密码输入框。该需求基于TextField组件实现,通过使用组件中相关的属性
- 第三百一十二回
talk_8
一起TalkFlutter吧移动开发Flutter
文章目录1.概念介绍2.实现方法2.1obscureText属性2.2decoration属性3.示例代码4.内容总结我们在上一章回中介绍了"如何实现倒计时功能"相关的内容,本章回中将介绍如何实现密码输入框.闲话休提,让我们一起TalkFlutter吧。1.概念介绍在实际项目中会遇到输入密码需求,我们将在本章回中介绍如何实现密码输入框。该需求基于TextField组件实现,通过使用组件中相关的属性
- react实现tab切换
鞠婧祎yamy
#Reactreact.jsjavascript前端
1.方法一h1{text-align:center;}ul{display:flex;justify-content:space-around;}.active{color:red;text-decoration:underlinegray;}ulli{list-style:none;}p{display:none;}.display{display:block;padding-left:40px
- Menu、MultiView和View 合作做的tab效果
gaohaidong
menutextboxaspserverclassborder
Tab TABVIEW1TABVIEW2TABVIEW3.tabItem{border:1pxsolid#778;background:#DDE;text-decoration:none;width:50px;height:20px;padding-top:3px;text-align:center;}.tabSelected{background-color:#fff;bo
- html day2 --CSS基础
QiuShuiFuPing
css
一、CSS简介注意:text-align/text-decoration/text-indentCSS(cascadingstylesheets)WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页的显示样式。---级联样式表、层叠样式表目前推荐遵循的是W3C发布的CSS3.0css3在包含了所有css2.0所支持的基础上改变了改进,css遵循的是模
- vue3+echarts+地图(3D立体)
修复bug
vueechartsjavascriptvue
首页exportdefault{name:"maps",data(){return{option:{//鼠标悬浮显示省份名称tooltip:{textStyle:{color:"yellow",decoration:"none",fontFamily:"Verdana,sans-serif",fontStyle:"italic",fontWeight:"bold",},formatter:func
- css1文本属性
ldd_eb
csscss前端
一.颜色(color)(一般用16进制)二.对齐(text-align)三.装饰(text-decoration)四.缩进(text-indent)(一般用2em)(有单位)五.行间距(line-height)(单位px)六.总结
- 导航条
风雨声豪入梦中
导航条ul{margin:0;padding:0;}.a{width:960px;height:40px;background-color:#55a8ea;margin:50pxauto;}.aulli{list-style-type:none;float:left;width:100px;text-align:center;}.aullia{text-decoration:none;color:
- 一个好看的底部导航栏效果
永不满足的求知者
css前端
底部导航栏/*清除一些默认样式*/*{margin:0;padding:0;box-sizing:border-box;list-style:none;}a{text-decoration:none;/*确保在浏览器中显示链接时,没有任何文本装饰,如下划线。*/}/*对整体进行设置,并且都设置为弹性盒,方便进行操作*/body{display:flex;justify-content:center
- css 伪类和伪元素
伊藤美来
伪类Pseudo-class类似于python的装饰器,放在选择器的元素后面,标明元素的某些部分或者属性,情况伪类们实例:MozillaDeveloperNetworka:visited{color:blue;}/*单对于被访问过/*当光标悬停,键盘激活或者锁定,让链接高亮*/a:hover,a:active,a:focus{color:darkred;text-decoration:none;}
- java解析APK
3213213333332132
javaapklinux解析APK
解析apk有两种方法
1、结合安卓提供apktool工具,用java执行cmd解析命令获取apk信息
2、利用相关jar包里的集成方法解析apk
这里只给出第二种方法,因为第一种方法在linux服务器下会出现不在控制范围之内的结果。
public class ApkUtil
{
/**
* 日志对象
*/
private static Logger
- nginx自定义ip访问N种方法
ronin47
nginx 禁止ip访问
因业务需要,禁止一部分内网访问接口, 由于前端架了F5,直接用deny或allow是不行的,这是因为直接获取的前端F5的地址。
所以开始思考有哪些主案可以实现这样的需求,目前可实施的是三种:
一:把ip段放在redis里,写一段lua
二:利用geo传递变量,写一段
- mysql timestamp类型字段的CURRENT_TIMESTAMP与ON UPDATE CURRENT_TIMESTAMP属性
dcj3sjt126com
mysql
timestamp有两个属性,分别是CURRENT_TIMESTAMP 和ON UPDATE CURRENT_TIMESTAMP两种,使用情况分别如下:
1.
CURRENT_TIMESTAMP
当要向数据库执行insert操作时,如果有个timestamp字段属性设为
CURRENT_TIMESTAMP,则无论这
- struts2+spring+hibernate分页显示
171815164
Hibernate
分页显示一直是web开发中一大烦琐的难题,传统的网页设计只在一个JSP或者ASP页面中书写所有关于数据库操作的代码,那样做分页可能简单一点,但当把网站分层开发后,分页就比较困难了,下面是我做Spring+Hibernate+Struts2项目时设计的分页代码,与大家分享交流。
1、DAO层接口的设计,在MemberDao接口中定义了如下两个方法:
public in
- 构建自己的Wrapper应用
g21121
rap
我们已经了解Wrapper的目录结构,下面可是正式利用Wrapper来包装我们自己的应用,这里假设Wrapper的安装目录为:/usr/local/wrapper。
首先,创建项目应用
&nb
- [简单]工作记录_多线程相关
53873039oycg
多线程
最近遇到多线程的问题,原来使用异步请求多个接口(n*3次请求) 方案一 使用多线程一次返回数据,最开始是使用5个线程,一个线程顺序请求3个接口,超时终止返回 缺点 测试发现必须3个接
- 调试jdk中的源码,查看jdk局部变量
程序员是怎么炼成的
jdk 源码
转自:http://www.douban.com/note/211369821/
学习jdk源码时使用--
学习java最好的办法就是看jdk源代码,面对浩瀚的jdk(光源码就有40M多,比一个大型网站的源码都多)从何入手呢,要是能单步调试跟进到jdk源码里并且能查看其中的局部变量最好了。
可惜的是sun提供的jdk并不能查看运行中的局部变量
- Oracle RAC Failover 详解
aijuans
oracle
Oracle RAC 同时具备HA(High Availiablity) 和LB(LoadBalance). 而其高可用性的基础就是Failover(故障转移). 它指集群中任何一个节点的故障都不会影响用户的使用,连接到故障节点的用户会被自动转移到健康节点,从用户感受而言, 是感觉不到这种切换。
Oracle 10g RAC 的Failover 可以分为3种:
1. Client-Si
- form表单提交数据编码方式及tomcat的接受编码方式
antonyup_2006
JavaScripttomcat浏览器互联网servlet
原帖地址:http://www.iteye.com/topic/266705
form有2中方法把数据提交给服务器,get和post,分别说下吧。
(一)get提交
1.首先说下客户端(浏览器)的form表单用get方法是如何将数据编码后提交给服务器端的吧。
对于get方法来说,都是把数据串联在请求的url后面作为参数,如:http://localhost:
- JS初学者必知的基础
百合不是茶
js函数js入门基础
JavaScript是网页的交互语言,实现网页的各种效果,
JavaScript 是世界上最流行的脚本语言。
JavaScript 是属于 web 的语言,它适用于 PC、笔记本电脑、平板电脑和移动电话。
JavaScript 被设计为向 HTML 页面增加交互性。
许多 HTML 开发者都不是程序员,但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的
- iBatis的分页分析与详解
bijian1013
javaibatis
分页是操作数据库型系统常遇到的问题。分页实现方法很多,但效率的差异就很大了。iBatis是通过什么方式来实现这个分页的了。查看它的实现部分,发现返回的PaginatedList实际上是个接口,实现这个接口的是PaginatedDataList类的对象,查看PaginatedDataList类发现,每次翻页的时候最
- 精通Oracle10编程SQL(15)使用对象类型
bijian1013
oracle数据库plsql
/*
*使用对象类型
*/
--建立和使用简单对象类型
--对象类型包括对象类型规范和对象类型体两部分。
--建立和使用不包含任何方法的对象类型
CREATE OR REPLACE TYPE person_typ1 as OBJECT(
name varchar2(10),gender varchar2(4),birthdate date
);
drop type p
- 【Linux命令二】文本处理命令awk
bit1129
linux命令
awk是Linux用来进行文本处理的命令,在日常工作中,广泛应用于日志分析。awk是一门解释型编程语言,包含变量,数组,循环控制结构,条件控制结构等。它的语法采用类C语言的语法。
awk命令用来做什么?
1.awk适用于具有一定结构的文本行,对其中的列进行提取信息
2.awk可以把当前正在处理的文本行提交给Linux的其它命令处理,然后把直接结构返回给awk
3.awk实际工
- JAVA(ssh2框架)+Flex实现权限控制方案分析
白糖_
java
目前项目使用的是Struts2+Hibernate+Spring的架构模式,目前已经有一套针对SSH2的权限系统,运行良好。但是项目有了新需求:在目前系统的基础上使用Flex逐步取代JSP,在取代JSP过程中可能存在Flex与JSP并存的情况,所以权限系统需要进行修改。
【SSH2权限系统的实现机制】
权限控制分为页面和后台两块:不同类型用户的帐号分配的访问权限是不同的,用户使
- angular.forEach
boyitech
AngularJSAngularJS APIangular.forEach
angular.forEach 描述: 循环对obj对象的每个元素调用iterator, obj对象可以是一个Object或一个Array. Iterator函数调用方法: iterator(value, key, obj), 其中obj是被迭代对象,key是obj的property key或者是数组的index,value就是相应的值啦. (此函数不能够迭代继承的属性.)
- java-谷歌面试题-给定一个排序数组,如何构造一个二叉排序树
bylijinnan
二叉排序树
import java.util.LinkedList;
public class CreateBSTfromSortedArray {
/**
* 题目:给定一个排序数组,如何构造一个二叉排序树
* 递归
*/
public static void main(String[] args) {
int[] data = { 1, 2, 3, 4,
- action执行2次
Chen.H
JavaScriptjspXHTMLcssWebwork
xwork 写道 <action name="userTypeAction"
class="com.ekangcount.website.system.view.action.UserTypeAction">
<result name="ssss" type="dispatcher">
- [时空与能量]逆转时空需要消耗大量能源
comsci
能源
无论如何,人类始终都想摆脱时间和空间的限制....但是受到质量与能量关系的限制,我们人类在目前和今后很长一段时间内,都无法获得大量廉价的能源来进行时空跨越.....
在进行时空穿梭的实验中,消耗超大规模的能源是必然
- oracle的正则表达式(regular expression)详细介绍
daizj
oracle正则表达式
正则表达式是很多编程语言中都有的。可惜oracle8i、oracle9i中一直迟迟不肯加入,好在oracle10g中终于增加了期盼已久的正则表达式功能。你可以在oracle10g中使用正则表达式肆意地匹配你想匹配的任何字符串了。
正则表达式中常用到的元数据(metacharacter)如下:
^ 匹配字符串的开头位置。
$ 匹配支付传的结尾位置。
*
- 报表工具与报表性能的关系
datamachine
报表工具birt报表性能润乾报表
在选择报表工具时,性能一直是用户关心的指标,但是,报表工具的性能和整个报表系统的性能有多大关系呢?
要回答这个问题,首先要分析一下报表的处理过程包含哪些环节,哪些环节容易出现性能瓶颈,如何优化这些环节。
一、报表处理的一般过程分析
1、用户选择报表输入参数后,报表引擎会根据报表模板和输入参数来解析报表,并将数据计算和读取请求以SQL的方式发送给数据库。
2、
- 初一上学期难记忆单词背诵第一课
dcj3sjt126com
wordenglish
what 什么
your 你
name 名字
my 我的
am 是
one 一
two 二
three 三
four 四
five 五
class 班级,课
six 六
seven 七
eight 八
nince 九
ten 十
zero 零
how 怎样
old 老的
eleven 十一
twelve 十二
thirteen
- 我学过和准备学的各种技术
dcj3sjt126com
技术
语言VB https://msdn.microsoft.com/zh-cn/library/2x7h1hfk.aspxJava http://docs.oracle.com/javase/8/C# https://msdn.microsoft.com/library/vstudioPHP http://php.net/manual/en/Html
- struts2中token防止重复提交表单
蕃薯耀
重复提交表单struts2中token
struts2中token防止重复提交表单
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年7月12日 11:52:32 星期日
ht
- 线性查找二维数组
hao3100590
二维数组
1.算法描述
有序(行有序,列有序,且每行从左至右递增,列从上至下递增)二维数组查找,要求复杂度O(n)
2.使用到的相关知识:
结构体定义和使用,二维数组传递(http://blog.csdn.net/yzhhmhm/article/details/2045816)
3.使用数组名传递
这个的不便之处很明显,一旦确定就是不能设置列值
//使
- spring security 3中推荐使用BCrypt算法加密密码
jackyrong
Spring Security
spring security 3中推荐使用BCrypt算法加密密码了,以前使用的是md5,
Md5PasswordEncoder 和 ShaPasswordEncoder,现在不推荐了,推荐用bcrpt
Bcrpt中的salt可以是随机的,比如:
int i = 0;
while (i < 10) {
String password = "1234
- 学习编程并不难,做到以下几点即可!
lampcy
javahtml编程语言
不论你是想自己设计游戏,还是开发iPhone或安卓手机上的应用,还是仅仅为了娱乐,学习编程语言都是一条必经之路。编程语言种类繁多,用途各 异,然而一旦掌握其中之一,其他的也就迎刃而解。作为初学者,你可能要先从Java或HTML开始学,一旦掌握了一门编程语言,你就发挥无穷的想象,开发 各种神奇的软件啦。
1、确定目标
学习编程语言既充满乐趣,又充满挑战。有些花费多年时间学习一门编程语言的大学生到
- 架构师之mysql----------------用group+inner join,left join ,right join 查重复数据(替代in)
nannan408
right join
1.前言。
如题。
2.代码
(1)单表查重复数据,根据a分组
SELECT m.a,m.b, INNER JOIN (select a,b,COUNT(*) AS rank FROM test.`A` A GROUP BY a HAVING rank>1 )k ON m.a=k.a
(2)多表查询 ,
使用改为le
- jQuery选择器小结 VS 节点查找(附css的一些东西)
Everyday都不同
jquerycssname选择器追加元素查找节点
最近做前端页面,频繁用到一些jQuery的选择器,所以特意来总结一下:
测试页面:
<html>
<head>
<script src="jquery-1.7.2.min.js"></script>
<script>
/*$(function() {
$(documen
- 关于EXT
tntxia
ext
ExtJS是一个很不错的Ajax框架,可以用来开发带有华丽外观的富客户端应用,使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用 javascript编写,与后台技术无关的前端ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。
ExtJs最开始基于YUI技术,由开发人员Jack
- 一个MIT计算机博士对数学的思考
xjnine
Math
在过去的一年中,我一直在数学的海洋中游荡,research进展不多,对于数学世界的阅历算是有了一些长进。为什么要深入数学的世界?作为计算机的学生,我没有任何企图要成为一个数学家。我学习数学的目的,是要想爬上巨人的肩膀,希望站在更高的高度,能把我自己研究的东西看得更深广一些。说起来,我在刚来这个学校的时候,并没有预料到我将会有一个深入数学的旅程。我的导师最初希望我去做的题目,是对appe