background

博客界面美化

由 孤街浪徒 提交于 2020-03-06 07:53:24
www.cnblogs.com/shaokele/ 美化无止境，还是学OI ！！！ 美化无止境，还是学OI ！！！ 美化无止境，还是学OI ！！！ 催更请留言 ～～博主很懒～～ 我的博客皮肤是Simple Memory 由于背景图比较高清，部分设备可能显示的很慢：） 背景图可以自己换，修改代码第三行的网址即可 现在的版本： “页面定制CSS代码” body { color: #000; background: url(https://i.loli.net/2018/07/18/5b4f176e73e07.png) fixed; background-size: cover; background-repeat: repeat; font-family: "微软雅黑","Helvetica Neue",Helvetica,Verdana,Arial,sans-serif; font-size: 12px; min-height: 101%; } #home { opacity: 0.8; margin: 0 auto; width: 80%; min-width: 950px; background-color: #fff; padding: 30px; margin-top: 30px; margin-bottom: 50px; box-shadow: 0 2px 6px rgba

css3学习笔记之渐变

由 爷，独闯天下 提交于 2020-03-06 07:37:49
CSS3 线性渐变 语法 background: linear-gradient( direction , color-stop1 , color-stop2, ... ); 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <!DOCTYPE html> < html > < head > < style > #grad1 { height: 200px; background: linear-gradient(red, blue); /* 标准的语法（必须放在最后） */ } </ style > </ head > < body > < h3 >线性渐变 - 从上到下</ h3 > < p >从顶部开始的线性渐变。起点是红色，慢慢过渡到蓝色：</ p > < div id = "grad1" ></ div > < p >< strong >注意：</ strong > Internet Explorer 9 及之前的版本不支持渐变。</ p > </ body > </ html > 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <!DOCTYPE html> < html > < head > < style > #grad1 {

How to open an application from background ios

由 拟墨画扇 提交于 2020-03-06 04:23:46
问题 Is it possible to open the background app into foreground in iOS ?. I have a scenario like, If suppose my application in background then after sometime I need to up the application into foreground programmatically. Is it possible ? I don't need to upload the application in Appstore. 回答1: Yes, it is possible. You can wake your app up by different kinds of criteria using Push Notifications or Local Notifications. Remotely by using Push Notifications. Locally by calendar alerts, location-based

How to open an application from background ios

由 给你一囗甜甜゛ 提交于 2020-03-06 04:21:45
问题 Is it possible to open the background app into foreground in iOS ?. I have a scenario like, If suppose my application in background then after sometime I need to up the application into foreground programmatically. Is it possible ? I don't need to upload the application in Appstore. 回答1: Yes, it is possible. You can wake your app up by different kinds of criteria using Push Notifications or Local Notifications. Remotely by using Push Notifications. Locally by calendar alerts, location-based

jQuery的动画效果

由 回眸只為那壹抹淺笑 提交于 2020-03-06 03:17:11
jQuery里面有一些简单的动画效果，下面就总结和实践一下。 一、基本效果 jQuery里的基本动画效果有显示、隐藏和显示隐藏切换 1、show([s,[e],[fn]]) 显示 2、hide([s,[e],[fn]]) 隐藏 3、toggle([s],[e],[fn]) 显示隐藏切换 下面是用法练习： < ! DOCTYPE html > < html > < head lang = "en" > < meta charset = "UTF-8" > < title > < / title > < / head > < body > < button class = "btn" > 点击 < / button > < div class = "block" style = " width: 200px; height: 200px; background-color: red" > < / div > < script src = "jquery/jquery.js" > < / script > < script > $ ( function ( ) { var count = 0 ; $ ( ".btn" ) . click ( function ( ) { count ++ ; if ( count % 2 == 0 ) { $ ( ".block" ) . show (

UWP appButtonBar样式

由 ╄→гoц情女王★ 提交于 2020-03-06 00:10:34
UWP 的appButtonBar使用 <AppBarButton Icon = "Next" Label = "Next" /> Icon是 SymbolIcon 类 这个类可以使用Symbol中的枚举 我做出了每个Symbol的图标和label 代码 <Page x:Class="appButtonBar.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:appButtonBar" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"> <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> <ScrollViewer HorizontalScrollBarVisibility="Visible"

全屏滚动页面（带箭头翻页）（fullPage.js插件）（滚屏翻页）

由 北城以北 提交于 2020-03-05 23:52:20
下载插件的网站及查看演示： 在此网站下载插件 . 加入箭头使得点击箭头翻到下一页: html: < div class = "arrow " > < / div > css: . arrow { opacity : 1 ; animation : arrow 3 s cubic - bezier ( .5 , 0 , .1 , 1 ) infinite ; - webkit - animation : arrow 3 s cubic - bezier ( .5 , 0 , .1 , 1 ) infinite ; position : absolute ; top : 30 px ; left : 50 % ; margin - left : - 30 px ; width : 60 px ; height : 60 px ; line - height : 60 px ; cursor : pointer ; background - image : url ( / images / down . png ) ; /* 这里放箭头图片路径 */ background - repeat : no - repeat ; background - size : 100 % ; } js: $ ( '.arrow' ) . click ( function ( ) { $ . fn .

css实现响应式的不同宽高比的图片正方形展示，且图片内容居中

由 江枫思渺然 提交于 2020-03-05 17:37:36
先来看下效果图 ： 三张不同宽高比的图片需要在不同宽度的屏幕中都展示成正方形，而且截取图片的最中间部分展示。 实现代码如下 ： 图片作为div的背景，响应式正方形实现：div的宽度用百分比表示，高度的用padding-top属性，值和width保持一致；不同尺寸图片居中显示：background-position: center;background-size:cover。 来源： https://www.cnblogs.com/vicky24k/p/11480845.html

CSS实现自适应下保持宽高比

由 て烟熏妆下的殇ゞ 提交于 2020-03-05 17:37:20
在项目中，我们可能经常使得自己设计的网页能自适应。特别是网站中的图片，经常要求在网页放大（或缩小）时，宽高同时放大（或缩小），而且不变形（即保持正常的长宽比）。为了不变形，常用的方法就是设置width值，然后高度height设置auto。如果是div，我们该如何处理呢。 背景图片宽高比固定 下面，我仿照了移动端的聚划算网站中（https://ju.m.taobao.com/）中间一部分的布局。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>高度自适应</title> <style> *{ margin: 0; padding: 0; } div{ width: 100%; background-color: pink; position: relative; } div:after{display:block;content: "";visibility: hidden;clear: both;} div p{ float: left; width: 30%; padding-top: 35%; margin-left: 3%; border:1px black solid; border-radius: 10px; box-sizing: border-box; } div p:nth

js扫雷

由 核能气质少年 提交于 2020-03-05 16:17:07
HTML部分: <!doctype html> <html> <head> <meta charset="utf-8"> <title>JS扫雷</title> <link rel="stylesheet" href="Mine.css"> </head> <body> <div class="wrapper"> <div class="btn" id="btn"></div> <div class="box" id="box"></div> <div class="flagBox" id="flagBox">当前剩余雷数： <span id="score">10</span> </div> <div class="alertBox" id="alertBox"> <div class="alertImg" id="alertImg"> <div class="close" id="close"></div> </div> </div> </div> <script type="text/javascript" src="Mine.js"></script> </body> </html> CSS部分： @charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; } .wrapper { width: 100%;
订阅 background