jQuery实现输入框获取焦点和失去焦点增删css样式
$(".input_ttit").focus(function(){
$(".form_ttit").removeClass("form_ttit_show");
});
$(".input_ttit").blur(function(){
$(".form_ttit").addClass("form_ttit_show...
jQuery添加移除CSS样式
1. addClass() - 添加CSS类
$("#target").addClass("newClass");
//#target 指的是需要添加样式的元素的ID
//newClass 指的是CSS类的名称
2. removeClass() - 移除CSS类
$("#target").removeClass("oldClass");
...
css3实现背景色渐变linear-gradient()
示例代码:
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>linear-gradient()_CSS参考手册_web前端开发参考手册系列</...
css正则匹配、模糊匹配
//所有class包含font-red的p标签
p[class~="font-red"] {color: red;}
[abc^="def"] 选择 abc 属性值以 "def" 开头的所有元素
[abc$="def"] 选择 abc 属性值以 "def" 结尾的所有元素
[abc*="def"] 选择 abc 属性值中包含子串 "...
css这句话是什么意思? transform: translateX(-50%);
把元素沿着横向(x轴)移动自身宽度的50%,一般是从左侧为开始点也就是0点。而数值是-50%,所以是从左侧0点向左移动自身宽度的50%。
CSS上划线、下划线、删除线
text-decoration:underline; 下划线
text-decoration:overline; 顶划线
text-decoration:line-through; 删除线
CSS实现垂直居中
使用display:flex实现
flex布局会让容器内的元素得到垂直水平居中
下面示例实现:登录窗口在浏览器中垂直水平居中,登录元素在登录窗口中垂直水平居中
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"&...
css3中的阴影效果
定义和用法 来自:https://www.w3school.com.cn/cssref/pr_box-shadow.asp
box-shadow 属性向框添加一个或多个阴影。
语法
box-shadow: h-shadow v-shadow blur spread color inset;
注释:box-shadow 向框添加一个或多个...
如何用纯 CSS 创作彩虹背景文字
CSS3 渐变(Gradients)
https://www.runoob.com/css3/css3-gradients.html
效果预览
按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。
https://codepen.io/comehope/pen/jKxyXN
可交互视频
此视频是...
纯CSS控制背景图片100%自适应填充布局
解决方案:
html,body{height: 100%;width: 100%;margin:0;padding:0;}
body{
background:url(bg-login.png)no-repeat;
width:100%;
height:100%;
backg...
css实现背景透明,内容不透明
css实现背景和文字均为黑色,背景透明度为0.2,文字不透明:
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" conten...
禁止手机网站点击图片弹出相册,图片浏览
手机端点击网站上的图片,会弹出图片浏览来,怎样禁止弹出来呢,方法如下,亲测可用。
安卓机上点击图片会跳出来
禁止用户在安卓手机上点击图片
在样式中添加如下:
img{ pointer-events: none; }
用css3实现漂亮便签样式
效果图如下:
代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Live Preview</title>
<style>
body {
...
Notepad++支持jQuery、html5、css3
Notepad++里的代码提示文件是以XML文件存放于目录 ....\Notepad++\plugins\APIs\下的。
将这三个文件:html.xml, css.xml, javascript.xml 复制到上面所说的目录下面即可(覆盖前请备份原来的文件)。
下载地址:http://files.cnblogs.com/huntba...
如何用CSS设置连接鼠标在上面是变成手型
在CSS里头默认是有设置的。部分浏览器支持 cursor:hand;几乎所有浏览器都支持 cursor:pointer
常用cursor光标说明:
1)div{ cursor:default }默认正常鼠标指针2)div{ cursor:hand }和div{ cursor:text } 文本选择效果3)div{ cursor:mov...
syntaxhighlighter 代码边距太宽,调整css
syntaxhighlighter 代码边距太宽,调整css
调整前:
调整后:
调整css代码shCoreDefault.css第100行
/*调整前*/
.syntaxhighlighter table td.gutter .line {
text-align: right !import...
关于本站
“最难不过坚持”
本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作
有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339
2655
39
分类目录
最新评论
- https://jueru.net/
-
- :weixiao:
-
- :shuijiao: :weiqu: :zhenbang: :leng:
-
- :yiwen: :yiwen: :yiwen: :yiwen:
-
- 这个业务逻辑多少都有点奇怪了,阅读浏览次数增值在新闻详情页的控制器方法里setInc,这怎么还写进模型事件里了。如果非要用onAfterRead也可以,把新闻文章的内容单独分出来一个news_content表,然后把它和news做关联,然后给news_content表的onAfterRead事件做增值处理,这样点进新闻页内查询到文章内容时才会触发它。
-
文章标签更多