- Web前端第三次作业
shayell
前端
1.学校官网(1)相关信息学校官网-相关信息body{font-family:Arial,sans-serif;}.header{background-color:#4CAF50;color:white;padding:10px;text-align:center;}.nav{overflow:hidden;background-color:#333;}.nava{float:left;displ
- MySQL的数据类型
HeyGopher
数据库数据库
MySQL的数据类型MySQL支持多种数据类型,包括数值型、字符串型、日期时间型、二进制型等。以下是MySQL常见的数据类型:数值型TINYINTSMALLINTMEDIUMINTINTBIGINTFLOATDOUBLEDECIMAL字符串型CHARVARCHARTINYTEXTTEXTMEDIUMTEXTLONGTEXTENUMSET日期时间型DATETIMEYEARDATETIMETIMEST
- 考核第四题
故里人间165
前端javascriptcss
视频QQ2025210-22215代码Document.a{width:500px;height:400px;margin:0auto;}.b{display:flex;justify-content:center;}.nav{margin:20px;}a{text-decoration:none;color:black;}.c{color:rgb(194,145,237);}.e{display
- 写给前端工程师的-Flutter-详细教程
2401_84544495
程序员前端flutter
=和其他符号的组合:*=、~/=、&=、|=……级联操作符(Cascadenotation…)//想想这样省了多少变量声明querySelect(‘#button’)…text=“Confirm”…classes.add(‘important’)…onClick.listen((e)=>window.alert(‘Confirmed’))甚至可以重写操作符classVector{finalintx
- GO语言ACM输入输出
Thomas_YiSaYa
go语言go语言
GoACM常用的输入输出有时候用gofmt.ScanL会出现超时,这里用这个不会超时。scanner:=bufio.NewScanner(os.Stdin)scanner.Split(bufio.ScanWords)scanner.Scan()n,_:=strconv.Atoi(scanner.Text())参考文档ACM输入
- Java学习之ArrayList原理剖析
李楠琳
Javajavaarraylist
ArrayList底层是基于数组实现的,其封装的各种方法:Add、remove、get、set等,其本质就是对数组的基本操作。publicclassArrayListextendsAbstractListimplementsList,RandomAccess,Cloneable,java.io.SerializableArrayList继承自AbstractList类,实现了RandomAcces
- 【Audio】Android 10车载音频路由
小羊子说
车载开发之AndroidAudioandroid音视频
音频路由在Android10中,car_audio_configuration.xml取代了car_volumes_groups.xml和IAudioControl.getBusForContext。新的配置文件定义了一个音频区列表。每个音频区都拥有一个或多个音量组及其关联设备,而每台设备都具有应在该音频区内进行路由的上下文。所有上下文都必须在每个音频区内表示。配置音频路由音频政策文件通常位于ve
- 深度学习-情感分析
小赖同学啊
人工智能深度学习人工智能
以下将分别使用PyTorch和TensorFlow框架实现基于深度学习的情感分析,这里以影评的情感分析为例,数据集使用IMDB影评数据集。使用PyTorch实现1.安装必要的库pipinstalltorchtorchtextspacypython-mspacydownloaden_core_web_sm2.代码实现importtorchimporttorch.nnasnnimporttorch.o
- Android studio:如何在同一个页面显示多个fragment
剑客狼心
androidstudioandroidide
家母罹患肝癌,可在水滴筹页面查看详情实现一个简单的效果:创建TestOneFragmentpublicclassTestOneFragmentextendsFragment{@OverridepublicViewonCreateView(LayoutInflaterinflater,ViewGroupcontainer,BundlesavedInstanceState){//使用一个简单的布局文件
- react中网络请求应该什么时候请求
逆袭的菜鸟X
前端面试集锦react.js前端javascript
在React中,进行网络请求的最佳时机通常是组件挂载之后,因为你需要确保组件已经渲染到DOM中,然后再发起异步请求以获取数据。网络请求通常应该放在以下生命周期方法中:1.类组件:对于类组件,最常用的生命周期方法是componentDidMount,它会在组件第一次渲染之后被调用。示例:importReact,{Component}from'react';classMyComponentextend
- Android Studio系列讲解之UI开发的布局
彬sir哥
Androidkotlin入门到进阶系列讲解androidstudiokotlinUI布局
<<返回总目录文章目录一、常用控件的使用方法1、TextView2、Button3、EditText4、ImageView二、详细2种基本布局1、LinearLayout2、RelativeLayout三、系统控件不够用?创建自定义控件1、引入布局2、创建自定义控件一、常用控件的使用方法Android给我们提供了大量的UI控件,合理地使用这些控件就可以非常轻松地编写出相当不错的界面首先新建一个UI
- qt中文乱码
@hdd
Qt
刚开始学习qt,经常会遇到中文输出乱码,在网上找了解决办法有下面这个两个办法QTextCodec::setCodecForCStrings(QTextCodec::codecForName("GB2312"));或QTextCodec::setCodecForCStrings(QTextCodec::codecForName("UTF-8"));我试过发现不行,然后翻阅书,发现这行代码可以在主函数
- 彻底解放测试工程师双手:用 Playwright API 智能生成 PO 模式,快速适配复杂测试场景
Python测试之道
Playwright深入学习测试提效python测试用例
前言在自动化测试中,Playwright是一款备受推崇的浏览器自动化工具,其强大的API(如get_by_role、get_by_text等)让复杂页面元素的精准定位变得更加高效。然而,如何将Playwright的这些功能与PageObject模式(PO模式)结合起来,生成可维护、灵活、通用的测试代码,仍然是一个挑战。尤其是面对层级复杂的页面结构或动态加载的元素,测试工程师往往需要花费大量时间手动
- HarmonyOS应用开发:TextPicker(基础组件)
「已注销」
鸿蒙harmonyos华为鸿蒙系统鸿蒙android算法前端
滑动选择文本内容的组件。说明:该组件从APIVersion8开始支持。子组件无接口TextPicker(options?:{range:string[]|string[][]|Resource|TextPickerRangeContent[]|TextCascadePickerRangeContent[],selected?:number|number[],value?:string|string
- TDesign:Picker 选择器
sunly_
TDesigntdesign
Picker选择器API文档地址单列选择器用法///viewonTap:(){TDPicker.showMultiPicker(context,data:[controller.coinList],title:'',rightTextStyle:TextStyle(color:AppColors.ColorMain),onConfirm:(selected){controller.onTapCoi
- 面试官:工作中,你有遇到过Spring事务失效的时候吗?
孙悟饭Z
springjava数据库
在日常开发中,Spring事务管理是保证数据一致性的重要手段,但你是否遇到过明明加了@Transactional注解,事务却“神秘失效”的情况?这种问题不仅让新手抓狂,连老司机也偶尔翻车。本文总结了12种常见的Spring事务失效场景,结合代码示例和解决方案,帮你彻底避开这些坑!目录一、访问权限问题二、final或static方法三、方法内部调用1.使用AOP的AopContext2.注入自身四、
- 2.7 ContextLoader详解
不听话的小耳朵
springtestspringjunit
ContextLoader详解与示例ContextLoader是SpringTest中用于加载ApplicationContext的核心接口,通过自定义ContextLoader,开发者可以完全控制Spring上下文的创建过程。它在以下场景中尤为重要:动态生成配置(如根据环境变量调整Bean定义)。集成外部工具(如Testcontainers动态获取数据库URL)。替代默认配置加载方式(如混合XM
- 【android:位置传感器——使用近程传感器】
萌虎不虎
android
android:位置传感器——使用近程传感器近程传感器可让您确定物体与设备的距离。以下代码展示如何获取默认近程传感器的实例:privateSensorManagersensorManager;privateSensorsensor;...//获取传感器sensorManager=(SensorManager)getSystemService(Context.SENSOR_SERVICE);sens
- 【ElasticSearch】Es 启动流程 初始化流程 源码分析
九师兄
源码es启动流程
文章目录1.概述1.1核心类2.主要流程2.1主方法2.1.1关闭过程分析2.2execute方法2.3Bootstrap.init2.4INSTANCE.setup方法2.5创建节点2.5.1创建PluginsService2.5.2创建ThreadPool及ThreadContext实例2.5.3初始化ResourceWatcherService2.5.4创建NodeClient2.5.5创建
- qt+ffmpeg 实现音视频播放(二)之音频播放
码农客栈_V13427279549
ffmpeg音视频Qtqtffmpeg音视频
一、音频播放流程1、打开音频文件通过avformat_open_input()打开媒体文件并分配和初始化AVFormatContext结构体。函数原型如下:intavformat_open_input(AVFormatContext**ps,constchar*url,AVInputFormat*fmt,AVDictionary**options);参数说明:-`ps`:指向`AVFormatCo
- qt QOpenGLContext详解
码农客栈_V13427279549
Qtqt
1.概述QOpenGLContext是Qt提供的一个类,用于管理OpenGL上下文。它封装了OpenGL上下文的创建、配置和管理功能,使得开发者可以在Qt应用程序中以平台无关的方式使用OpenGL。通过QOpenGLContext,可以轻松地创建和管理OpenGL上下文,并与Qt的窗口系统集成。2.重要函数构造和析构QOpenGLContext(QObject*parent=nullptr)构造函
- Python NLP 自然语言处理
简简单单OnlineZuozuo
m1Python领域python自然语言处理开发语言
文章目录PythonNLP自然语言处理PythonNLP自然语言处理"""基于https://github.com/isnowfy/snownlp$pipinstallsnownlp"""fromsnownlpimportSnowNLP#分词defsnownlp_cut(text):returnSnowNLP(text).words#词性标准defsnownlp_tags(text):#返回积极情
- 【三班网】首页
haoguorui_python
其他
欢迎来到三班网!\LARGE{\color{green}\texttt{欢迎来到三班网!}}欢迎来到三班网!这里是首页(注:本网还在建设中)本站总访问次数:1857+1857+1857+上面的阅读量(包含原站)本站现有文章数:252525本站主要板块\large{\color{orange}\texttt{本站主要板块}}本站主要板块(点击带颜色的字可以直接进入对应板块)新闻资讯版{\color{
- 【云安全】云原生-K8S- kubeconfig 文件泄露
仇辉攻防
云原生kubernetes容器web安全dockerk8s安全威胁分析
什么是kubeconfig文件?kubeconfig文件是Kubernetes的配置文件,用于存储集群的访问凭证、APIServer的地址和认证信息,允许用户和kubectl等工具与Kubernetes集群进行交互。它通常包含多个集群的配置,支持通过上下文(context)切换不同的集群、用户和命名空间。kubeconfig文件的典型路径是~/.kube/config,但也可以通过KUBECONF
- tp5接入钉钉机器人
tjg888888
TP
第一步:封装钉钉类库在common目录下新建dingding目录,dingding目录里新建DingdingSdk.php文件文件内容如下:namespaceapp\common\dingding;classDingdingSdk{//消息类型public$msgtype=array('text',"link","markdown","actionCard","feedCard");public$
- ActiveMQ Artemis的JMX配置与Prometheus集成
t0_54coder
编程问题解决手册activemqprometheus个人开发
在使用ActiveMQArtemis时,经常需要对其进行监控和管理。JMX(JavaManagementExtensions)是Java平台提供的一种机制,可以让我们监控和管理应用程序。本文将详细介绍如何在ActiveMQArtemis中配置JMX,以及如何将其与Prometheus进行集成。配置JMX管理首先,我们需要在ActiveMQArtemis的配置文件broker.xml中启用JMX管理
- Flutter全局路由封装及路由栈维护
爬不上树的小松鼠
填坑flutter全局路由路由栈路由表
目录1.路由选择2.需要解决的问题2.源码分析1.路由选择Flutter路由跳转方式有如下两种:基本路由Navigator.of(context).push(MaterialPageRoute(builder:(context)=>Detail()));命名式路由Navigator.pushNamed(context,"Detail")我选择了后者,主要原因是符合我之前做RN时的路由习惯,并无其他
- 常见的List接口的实现类
胖阿全
常见的List接口的实现类(1)ArrayList:数组实现,查询快,增删慢,轻量级;(线程不安全)(2)LinkedList:双向链表实现,增删快,查询慢(线程不安全)(3)Vector:数组实现,重量级(线程安全、使用少)1.ArrayList实现类publicclassArrayListextendsAbstractListimplementsList,RandomAccess,Clonea
- C# WPF开发控件之正则验证介绍与实例
雨夜思绪~静谧思考
c#wpfmysql
C#WPF开发控件之正则验证介绍与实例在C#的WPF应用程序开发中,正则表达式验证是一个常见的需求。通过使用正则表达式,我们可以对用户输入的数据进行有效的验证,确保其符合特定的模式或格式。本文将介绍如何在C#WPF应用程序中使用正则表达式进行验证,并提供相应的源代码示例。引入命名空间在开始之前,我们需要在代码文件中引入System.Text.RegularExpressions命名空间,以便使用正
- C# WPF Dev控件之正则验证介绍
DotnetNb
c#wpf开发语言
WPF数据编辑器库附带的大多数文本编辑器(TextEdit子体)允许您在编辑期间使用掩码。掩码提供受限的数据输入和格式化的数据输出。当输入的字符串需要匹配特定格式时,在编辑器中使用掩码非常有用。例如,文本编辑器应该接受24小时格式的日期/时间值或数字值。另一个例子是在编辑器中输入电话号码(最终用户只需输入数字,而在编辑时应自动跳过连字符)。使用屏蔽输入来支持这些和许多其他数据输入格式。注意:最终用
- 如何用ruby来写hadoop的mapreduce并生成jar包
wudixiaotie
mapreduce
ruby来写hadoop的mapreduce,我用的方法是rubydoop。怎么配置环境呢:
1.安装rvm:
不说了 网上有
2.安装ruby:
由于我以前是做ruby的,所以习惯性的先安装了ruby,起码调试起来比jruby快多了。
3.安装jruby:
rvm install jruby然后等待安
- java编程思想 -- 访问控制权限
百合不是茶
java访问控制权限单例模式
访问权限是java中一个比较中要的知识点,它规定者什么方法可以访问,什么不可以访问
一:包访问权限;
自定义包:
package com.wj.control;
//包
public class Demo {
//定义一个无参的方法
public void DemoPackage(){
System.out.println("调用
- [生物与医学]请审慎食用小龙虾
comsci
生物
现在的餐馆里面出售的小龙虾,有一些是在野外捕捉的,这些小龙虾身体里面可能带有某些病毒和细菌,人食用以后可能会导致一些疾病,严重的甚至会死亡.....
所以,参加聚餐的时候,最好不要点小龙虾...就吃养殖的猪肉,牛肉,羊肉和鱼,等动物蛋白质
- org.apache.jasper.JasperException: Unable to compile class for JSP:
商人shang
maven2.2jdk1.8
环境: jdk1.8 maven tomcat7-maven-plugin 2.0
原因: tomcat7-maven-plugin 2.0 不知吃 jdk 1.8,换成 tomcat7-maven-plugin 2.2就行,即
<plugin>
- 你的垃圾你处理掉了吗?GC
oloz
GC
前序:本人菜鸟,此文研究学习来自网络,各位牛牛多指教
1.垃圾收集算法的核心思想
Java语言建立了垃圾收集机制,用以跟踪正在使用的对象和发现并回收不再使用(引用)的对象。该机制可以有效防范动态内存分配中可能发生的两个危险:因内存垃圾过多而引发的内存耗尽,以及不恰当的内存释放所造成的内存非法引用。
垃圾收集算法的核心思想是:对虚拟机可用内存空间,即堆空间中的对象进行识别
- shiro 和 SESSSION
杨白白
shiro
shiro 在web项目里默认使用的是web容器提供的session,也就是说shiro使用的session是web容器产生的,并不是自己产生的,在用于非web环境时可用其他来源代替。在web工程启动的时候它就和容器绑定在了一起,这是通过web.xml里面的shiroFilter实现的。通过session.getSession()方法会在浏览器cokkice产生JESSIONID,当关闭浏览器,此
- 移动互联网终端 淘宝客如何实现盈利
小桔子
移動客戶端淘客淘寶App
2012年淘宝联盟平台为站长和淘宝客带来的分成收入突破30亿元,同比增长100%。而来自移动端的分成达1亿元,其中美丽说、蘑菇街、果库、口袋购物等App运营商分成近5000万元。 可以看出,虽然目前阶段PC端对于淘客而言仍旧是盈利的大头,但移动端已经呈现出爆发之势。而且这个势头将随着智能终端(手机,平板)的加速普及而更加迅猛
- wordpress小工具制作
aichenglong
wordpress小工具
wordpress 使用侧边栏的小工具,很方便调整页面结构
小工具的制作过程
1 在自己的主题文件中新建一个文件夹(如widget),在文件夹中创建一个php(AWP_posts-category.php)
小工具是一个类,想侧边栏一样,还得使用代码注册,他才可以再后台使用,基本的代码一层不变
<?php
class AWP_Post_Category extends WP_Wi
- JS微信分享
AILIKES
js
// 所有功能必须包含在 WeixinApi.ready 中进行
WeixinApi.ready(function(Api) {
// 微信分享的数据
var wxData = {
&nb
- 封装探讨
百合不是茶
JAVA面向对象 封装
//封装 属性 方法 将某些东西包装在一起,通过创建对象或使用静态的方法来调用,称为封装;封装其实就是有选择性地公开或隐藏某些信息,它解决了数据的安全性问题,增加代码的可读性和可维护性
在 Aname类中申明三个属性,将其封装在一个类中:通过对象来调用
例如 1:
//属性 将其设为私有
姓名 name 可以公开
- jquery radio/checkbox change事件不能触发的问题
bijian1013
JavaScriptjquery
我想让radio来控制当前我选择的是机动车还是特种车,如下所示:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"><
- AngularJS中安全性措施
bijian1013
JavaScriptAngularJS安全性XSRFJSON漏洞
在使用web应用中,安全性是应该首要考虑的一个问题。AngularJS提供了一些辅助机制,用来防护来自两个常见攻击方向的网络攻击。
一.JSON漏洞
当使用一个GET请求获取JSON数组信息的时候(尤其是当这一信息非常敏感,
- [Maven学习笔记九]Maven发布web项目
bit1129
maven
基于Maven的web项目的标准项目结构
user-project
user-core
user-service
user-web
src
- 【Hive七】Hive用户自定义聚合函数(UDAF)
bit1129
hive
用户自定义聚合函数,用户提供的多个入参通过聚合计算(求和、求最大值、求最小值)得到一个聚合计算结果的函数。
问题:UDF也可以提供输入多个参数然后输出一个结果的运算,比如加法运算add(3,5),add这个UDF需要实现UDF的evaluate方法,那么UDF和UDAF的实质分别究竟是什么?
Double evaluate(Double a, Double b)
- 通过 nginx-lua 给 Nginx 增加 OAuth 支持
ronin47
前言:我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算,阅读下面的文档,实现自动化并获得收益。SeatGeek 在过去几年中取得了发展,我们已经积累了不少针对各种任务的不同管理接口。我们通常为新的展示需求创建新模块,比如我们自己的博客、图表等。我们还定期开发内部工具来处理诸如部署、可视化操作及事件处理等事务。在处理这些事务中,我们使用了几个不同的接口来认证:
&n
- 利用tomcat-redis-session-manager做session同步时自定义类对象属性保存不上的解决方法
bsr1983
session
在利用tomcat-redis-session-manager做session同步时,遇到了在session保存一个自定义对象时,修改该对象中的某个属性,session未进行序列化,属性没有被存储到redis中。 在 tomcat-redis-session-manager的github上有如下说明: Session Change Tracking
As noted in the &qu
- 《代码大全》表驱动法-Table Driven Approach-1
bylijinnan
java算法
关于Table Driven Approach的一篇非常好的文章:
http://www.codeproject.com/Articles/42732/Table-driven-Approach
package com.ljn.base;
import java.util.Random;
public class TableDriven {
public
- Sybase封锁原理
chicony
Sybase
昨天在操作Sybase IQ12.7时意外操作造成了数据库表锁定,不能删除被锁定表数据也不能往其中写入数据。由于着急往该表抽入数据,因此立马着手解决该表的解锁问题。 无奈此前没有接触过Sybase IQ12.7这套数据库产品,加之当时已属于下班时间无法求助于支持人员支持,因此只有借助搜索引擎强大的
- java异常处理机制
CrazyMizzz
java
java异常关键字有以下几个,分别为 try catch final throw throws
他们的定义分别为
try: Opening exception-handling statement.
catch: Captures the exception.
finally: Runs its code before terminating
- hive 数据插入DML语法汇总
daizj
hiveDML数据插入
Hive的数据插入DML语法汇总1、Loading files into tables语法:1) LOAD DATA [LOCAL] INPATH 'filepath' [OVERWRITE] INTO TABLE tablename [PARTITION (partcol1=val1, partcol2=val2 ...)]解释:1)、上面命令执行环境为hive客户端环境下: hive>l
- 工厂设计模式
dcj3sjt126com
设计模式
使用设计模式是促进最佳实践和良好设计的好办法。设计模式可以提供针对常见的编程问题的灵活的解决方案。 工厂模式
工厂模式(Factory)允许你在代码执行时实例化对象。它之所以被称为工厂模式是因为它负责“生产”对象。工厂方法的参数是你要生成的对象对应的类名称。
Example #1 调用工厂方法(带参数)
<?phpclass Example{
- mysql字符串查找函数
dcj3sjt126com
mysql
FIND_IN_SET(str,strlist)
假如字符串str 在由N 子链组成的字符串列表strlist 中,则返回值的范围在1到 N 之间。一个字符串列表就是一个由一些被‘,’符号分开的自链组成的字符串。如果第一个参数是一个常数字符串,而第二个是type SET列,则 FIND_IN_SET() 函数被优化,使用比特计算。如果str不在strlist 或st
- jvm内存管理
easterfly
jvm
一、JVM堆内存的划分
分为年轻代和年老代。年轻代又分为三部分:一个eden,两个survivor。
工作过程是这样的:e区空间满了后,执行minor gc,存活下来的对象放入s0, 对s0仍会进行minor gc,存活下来的的对象放入s1中,对s1同样执行minor gc,依旧存活的对象就放入年老代中;
年老代满了之后会执行major gc,这个是stop the word模式,执行
- CentOS-6.3安装配置JDK-8
gengzg
centos
JAVA_HOME=/usr/java/jdk1.8.0_45
JRE_HOME=/usr/java/jdk1.8.0_45/jre
PATH=$PATH:$JAVA_HOME/bin:$JRE_HOME/bin
CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOME/lib
export JAVA_HOME
- 【转】关于web路径的获取方法
huangyc1210
Web路径
假定你的web application 名称为news,你在浏览器中输入请求路径: http://localhost:8080/news/main/list.jsp 则执行下面向行代码后打印出如下结果: 1、 System.out.println(request.getContextPath()); //可返回站点的根路径。也就是项
- php里获取第一个中文首字母并排序
远去的渡口
数据结构PHP
很久没来更新博客了,还是觉得工作需要多总结的好。今天来更新一个自己认为比较有成就的问题吧。 最近在做储值结算,需求里结算首页需要按门店的首字母A-Z排序。我的数据结构原本是这样的:
Array
(
[0] => Array
(
[sid] => 2885842
[recetcstoredpay] =&g
- java内部类
hm4123660
java内部类匿名内部类成员内部类方法内部类
在Java中,可以将一个类定义在另一个类里面或者一个方法里面,这样的类称为内部类。内部类仍然是一个独立的类,在编译之后内部类会被编译成独立的.class文件,但是前面冠以外部类的类名和$符号。内部类可以间接解决多继承问题,可以使用内部类继承一个类,外部类继承一个类,实现多继承。
&nb
- Caused by: java.lang.IncompatibleClassChangeError: class org.hibernate.cfg.Exten
zhb8015
maven pom.xml关于hibernate的配置和异常信息如下,查了好多资料,问题还是没有解决。只知道是包冲突,就是不知道是哪个包....遇到这个问题的分享下是怎么解决的。。
maven pom:
<dependency>
<groupId>org.hibernate</groupId>
<ar
- Spark 性能相关参数配置详解-任务调度篇
Stark_Summer
sparkcachecpu任务调度yarn
随着Spark的逐渐成熟完善, 越来越多的可配置参数被添加到Spark中来, 本文试图通过阐述这其中部分参数的工作原理和配置思路, 和大家一起探讨一下如何根据实际场合对Spark进行配置优化。
由于篇幅较长,所以在这里分篇组织,如果要看最新完整的网页版内容,可以戳这里:http://spark-config.readthedocs.org/,主要是便
- css3滤镜
wangkeheng
htmlcss
经常看到一些网站的底部有一些灰色的图标,鼠标移入的时候会变亮,开始以为是js操作src或者bg呢,搜索了一下,发现了一个更好的方法:通过css3的滤镜方法。
html代码:
<a href='' class='icon'><img src='utv.jpg' /></a>
css代码:
.icon{-webkit-filter: graysc