TypechoJoeTheme

轩宇网

登录
用户名
密码
/
注册
用户名
邮箱
搜索到 11 篇与 css 的结果
2020-04-05

将网页全部变成灰色背景

将网页全部变成灰色背景
全国各地各族人民深切悼念抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞,看到很多大型网站的给网上的网页都是灰白色,一般在全国哀悼日之类的日子,以及一些影响力很大的伟人逝世或纪念日的时候,我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念。那么今天就说说,通过几行简单的代码,来实现这个功能。 第一种:修改CSS文件 我们可以在网页的CSS文件或在中添加以下的CSS代码,来实现网页黑白色,也就是网站变灰 CSS代码 html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);} 第二种:在网页的标签内加入以下代码 如果你不想改动CSS文件,你可以通过在网页头部中的标签内部加入内联CSS代码的形式实现网站网页变灰 代码 <style type="text/css"> html {filter: progid:DXImageTransform.Microsoft.BasicImage(gra...
2020年04月05日
3,644 阅读
0 评论
2019-07-08

jquery实现文本框选择器_商品尺寸选择和商品

jquery实现文本框选择器_商品尺寸选择和商品
前几天看到有人在一个群里问如何实现商品规格选择并显示价格,多的不少,直接上代码: 一、带图文版本 1.所需要用到的jQuery文件 <script src="https://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script> 2.用的CSS代码 @charset "utf-8"; /* CSS Document */ *{ margin:0; padding:0;-webkit-text-size-adjust:none;} body{ background:#fff; font-size:12px; color:#555; font-family:Tahoma, Geneva, sans-serif; padding:100px 100px;} a{ color:#555; text-decoration:none;} a:hover{ color:#c00; text-decoration:underline;} img{ border:none;} li{ list-style:none;} ...
2019年07月08日
4,674 阅读
0 评论
2019-02-14

jQuery手机端点击弹出分享按钮代码

jQuery手机端点击弹出分享按钮代码
一、HTML布局代码如下: <span onClick="toshare()" style="border:dotted 1px #ddd;display:block;width:100px;text-align:center;margin:20px auto 0 auto;cursor:pointer;height:60px;line-height:60px;">点击分享到</span> <div class="am-share"> <h3 class="am-share-title">分享到</h3> <ul class="am-share-sns"> <li><a href="#"> <i class="share-icon-weibo"></i> <span>新浪微博</span> </a> </li> <li><a href="#"> <i class...
2019年02月14日
3,954 阅读
0 评论
2019-01-22

JQuery 点击实现开关灯,改变CSS属性值

JQuery 点击实现开关灯,改变CSS属性值
JQuery 点击实现开关灯,改变CSS属性值 1、引入jquery <script src="https://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script> 2、页面布局 <div class="test">测试内容</div><br> <input type="button" id="btnLight" value="关灯"/> 3、核心控制 <script> $(function() { $('#btnLight').click(function () { if (this.value == '关灯') { $('body').css('background-color', 'black'); $('div').css('color', 'white'); ...
2019年01月22日
4,643 阅读
0 评论
2018-10-26

网站被恶意镜像怎么办 php一段代码轻松搞定(全面版)

网站被恶意镜像怎么办 php一段代码轻松搞定(全面版)
这篇文章主要介绍了网站被恶意镜像怎么办 php一段代码轻松搞定(全面版),本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下 有时候你会发现,你在搜索引擎输入网站名称的时候,出来的网站信息是你们的,但是域名却是一个陌生的,这种情况可以基本确定网站被镜像了,那么究竟什么叫网站被镜像? 恶意镜像,也叫恶意克隆,恶意解析,是指有人通过域名 A 记录直接解析别人 IP 地址,从而得到一个在访问者眼中完全相同网站的过程。其工作原理基本上是这样子的:有用户访问镜像站点时,程序就会来正版的站点查询数据,并修改相关链接然后呈献给用户,实质上还是在读取原站的数据。严谨一点的解释:通过复制整个网站或部分网页内容并分配以不同域名和服务器,以此欺骗搜索引擎对同一站点或同一页面进行多次索引的行为 。 网站被镜像的危害 通俗的讲,恶意镜像者意图利用自己有一定权重的域名进行威压,通过某些手段复制了你的站点,除了域名不一样之外,其他内容一模一样,用户或许根本无法分辨。甚至对于一些新的站点,搜索引擎都会迷惑到底哪个是真的站点,那么就有可能正牌的网站被删除收录,而盗版的却被搜索引擎青睐。 ...
2018年10月26日
4,639 阅读
0 评论
2018-09-17

在云虚拟主机部署ThinkPHP5项目的步骤详解

在云虚拟主机部署ThinkPHP5项目的步骤详解
thinkphp官网发布了tp的颠覆版本thinkphp5,tp5确实比之前的版本好用了很多,那么下面这篇文章就来给大家介绍关于在云虚拟主机部署thinkphp5项目的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。 前言 Thinkphp作为开源的PHP框架发展到今天,无疑是国内最适合PHP学员学习和使用的框架,除了简单容易上手,更大的优点是开发文档完善、插件丰富。本文将给大家详细介绍关于在在云虚拟主机部署thinkphp5项目的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。 查阅ThinkPHP5.0完全开发手册->部署->虚拟主机环境,了解情況后,开始修改。 环境 •thinkphp 5.0.11 •阿里云云虚拟系统CentOS 第一步 修改移动入口文件位置,把它移动到根目录下(即htdocs)。 修改index.php入口文件内容 // 定义应用目录 define('APP_PATH', __DIR__ . '/application/'); // 加载框架引导文件 require __DIR__ . '/thinkphp...
2018年09月17日
6,389 阅读
0 评论
2018-08-19

可拖拽和带二维码的登录窗口设计效果

可拖拽和带二维码的登录窗口设计效果
这是一款非常实用的登录窗口设计效果。该登录窗口通过点击按钮或超链接弹出,它可以自由的进行拖拽。在登陆框中带有二维码,可以进行扫描登录,即实用又时尚。 使用方法 在页面中引入jquery和样式文件style.css。 HTML结构 该登录窗口的基本HTML结构如下: <div id="gray"></div> <div class="popup" id="popup"> <div class="top_nav" id='top_nav'> <div align="center"> <span>登录账号</span> <a class="guanbi"></a> </div> </div> <div class="min"> <div class="tc_login"> <div class="left"> <h4 a...
2018年08月19日
7,379 阅读
0 评论
2018-08-17

jQuery+CSS实现的标签页效果示例

jQuery+CSS实现的标签页效果示例
这篇文章主要介绍了jQuery+CSS实现的标签页效果,涉及基于jQuery的事件绑定、页面元素属性动态操作相关实现技巧,需要的朋友可以参考下 用到的CSS样式: #tabs{ width:600px; height:250px; background:white; margin:20px; } #tabs ul{ float:left; margin:20px 0 0 20px; padding:0; } #tabs li{ width:80px; height:40px; line-height:40px; display:inline-block; text-align:center; border-bottom:1px solid grey; border-top-left-radius:5px; border-top-right-radius:5px; background:#eeeeee; position:relative; top:1px; } #tabs li:hover{ colo...
2018年08月17日
4,678 阅读
0 评论
2018-08-15

jQuery实现导航样式布局操作示例【可自定义样式布局】

jQuery实现导航样式布局操作示例【可自定义样式布局】
这篇文章主要介绍了jQuery实现导航样式布局操作,可实现基于jQuery的用户自定义样式布局与属性动态操作相关技巧,需要的朋友可以参考下 1、导航Html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net 导航样式布局</title> <link rel="stylesheet" href="style.css" rel="external nofollow" > <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script src="nav.js"></script> <script> $(function () { $('.list').eq(0).nav('yellow','19px'); }) </scri...
2018年08月15日
5,015 阅读
0 评论
2018-08-15

jQuery实现显示/隐藏菜单

jQuery实现显示/隐藏菜单
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery显示菜单隐藏和显示</title> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <script src="http://libs.baidu....
2018年08月15日
4,685 阅读
0 评论
欢迎光临轩宇网工作室