拉开幕布css,js+css简单效果（幕布，跑马灯）

2.js普通的盒子，css的优先级

css的优先级

！important >>>>>  style 行内样式  >>>>> #id选择器 #  >>>>>>>> calss选择器  .类 ：hover(猥类)>> p标签 属性选择  >>  继承 >>  默认值

同等 看优先，

3.引入js 有·3种  头部  行内  外部

点击变色

ssssss

行内js  控制属性

行内  值 就是css的值  值用‘’ 写多个用 ；隔开  用id选择器获取  复杂单词，就是单词里面有 -号 的 去掉，然后后面的一个字母变成大写

js

.chb01{width: 200px; height: 30px;color: #FFF ;font-size: 14px; line-height: 30px ;text-align: center;background-color: #063}

.chb02{width: 200px;

height: 200px;

background-color: #b3d4fc;

display: none;

}

ssssss

登    录

例子： 简单的弹出div 隐藏div

j22s

.main{width: 1000px;

height: 2000px;

background-color:#930;

margin: 0px auto;

}

.moban{

width: 100%;

height: 2000px;

background-color: black;

opacity: 0.5;

position: fixed;

left: 0px;

top: 0px;

display: none;

}

.deng{

width: 650px;

height: 300px;

background-color: brown;

position: fixed;

left: 50%;

top: 50%;

margin-left: -325px;

margin-top: -150px;

display: none;

}

登录页面

4.marquee标签    跑马灯

direction="down" 方向

scrollamount="1"  速度

behaviro="alternate" 行为 往返运动  scroll  转圈 slide 停靠

loop 循环 -1无限  对 slide无效

οnmοuseοver="this.stop()" 鼠标移上去 就停止了

οnmοuseοut="this.start()"  鼠标移除就 就开始了

display : inline-block; 有宽高。不换行 img

div display : block    有宽高，换行

a  display :inline  无宽高  不换行

例子：

跑马灯

*{margin: 0px; padding: 0px; list-style-type: none}

.pao{

display: block;

margin: 0px auto;

padding: 10px;

width: 980px;

height: 185px;

background-color: #888888;

}

.pao ul li

{

width: 150px;

height: 185px;

float: left;

margin-right: 10px;

background-color: #993300;

overflow: hidden;

}

.pao ul li a

{

position: relative;

left: 0px;

top: 0px;

}

.pao ul li a:hover

{

left: 2px;

top: 2px;

}

• 
• 
• 
• 

设置TextView的密码效果以及跑马灯效果

密码效果以及跑马灯效果: xml: <?xml version="1.0" encoding="utf-8"?>

vue&period;js(4)--字符串跑马灯

制作一个字符串的跑马灯效果 (1)实例代码

CSS效果：跑马灯按钮

HTML代码

JS&plus;CSS简单实现DIV遮罩层显示隐藏【转藏】

yls-out-div" style="overflow: hidden;">

JS&plus;CSS简单实现DIV遮罩层显示隐藏

n">

http协议要点

概念: HTTP是Hyper Text Transfer Protocol(超文本传输协议)的缩写.它的发展是万维网协会(World Wide Web Consortium)和Internet工作小组 ...

解决CxGrid Filter 后&comma;通过 Dataset 循环时得出的结果与 Grid显示不同步的问题&period;

// 方案1: 强制cxgrid 使用 dataset的 Filter GridMaster.DataController.Filter.AutoDataSetFilter := True; /// ...

C&plus;&plus; Primer 学习笔记&lowbar;33&lowbar;STL实践与分析(7) --容器适配器

STL实践与分析 --容器适配器 引: 除了顺序容器.标准库还提供了三种顺序容器适配器:queue,priority_queue和stack.适配器是标准库中的概念.包含容器适配器,迭代器适配器和函数 ...

学习笔记：Zookeeper 应用案例&lpar;上下线动态感知&rpar;

1.Zookeeper 应用案例(上下线动态感知) 8.1 案例1--服务器上下线动态感知 8.1.1 需求描述 某分布式系统中,主节点可以有多台,可以动态上下线 任意一台客户端都能实时感知到主节点服 ...

定时 清理 elasticsearch 6&period;5&period;4 的 索引 文件

#!/bin/sh ip='127.0.0.1' port=' day=`date -d "2 days ago" +%Y%m%d` #day=`date -d "5 h ...

Java 调用 groovy 脚本文件，groovy 访问 MongoDB

groovy 访问 MongoDB 示例: shell.groovy package db import com.gmongo.GMongoClient import com.mongodb.Basi ...