css操作，简单的海浪

html-css017

css操作，简单的海浪,第1张

实现思路：

用一个铺满蓝色的背景的盒子，

利用：：before与after画2个圆角值不同的不规则圆形（其中一个设置透明度或者其他颜色，以便区分）：

父元素设置overflow:hidden；

最后加上animation 动画让不同规则圆形旋转起来即可:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

</head>

<body>

    <div class="wave"></div>

</body>

<style>

    /* // 简单的盒子 */

.wave {

  position: relative

  width: 150px

  height: 150px

  background-color: #5291e0

  /* overflow: hidden*/

}

/* // 两个不规则圆形（相对盒子进行定位，距离底部距离则为波浪高度） */

.wave::before,

.wave::after {

    content: ""

    position: absolute

    left: 50%

    bottom: 15%

    width: 500%

    height: 500%

    border-radius: 45%

    background-color: #fff

  transform: translateX(-50%)

    animation: rotate 15s linear infinite

  }

  /* // 其中一个不规则圆形调整一下样式，以便区分（或者调整animation的参数来区分） */

  .wave::before {

    bottom: 10%

    opacity: .5

    border-radius: 47%

}

/* // 旋转动画 */

@keyframes rotate {

  from {

    transform: translateX(-50%) rotateZ(0deg)

  }

  to {

    transform: translateX(-50%) rotateZ(360deg)

  }

}

</style>

</html>

问题一：网易是新浪吗?新浪是网易吗？他们有什么关系 是两家国内的门户网站。

问题二：新浪搜狐网易 三者的区别是什么 新闻方面，

SINA最牛（特别是体育），哪怕这次SOHU获得了奥运会转播权，也没有SINA流量大，这就是证明。163最差

邮箱方面

SINA最早，但是最近2年发展比较。。缓慢，速度慢，功能限制多，等等，网易最强大，注册用户和常用用户遥遥领先，SOHU最差，经常改版，用户可不买帐

人气方面

SINA还是最大，这么多年里，三大门户网站SINA一直是头名状元，本来SOHU第二的，近几年网易自主研发的西游系列，让网易赚了很多钱，同样人气也增加了很多很多。。现在网易第二没问题

博客方面

SINA还是无敌，因为用户数量的问题，开发起来就方便了，然后明星很多，人气暴涨。。网易第二，搜狐第三这个排位没有问题

问题三：新浪和网易是一个公司吗 肯定不是

问题四：新浪博客好还是网易好 1、速度比较。网易的速度毫无质疑地比新浪快。这快体现在多方面，一是打开网页速度网易快；二是上传图片速度网易快，这点特别明显，网易可同时上传8张本地图片，而新浪需一张张上传，网易上传8张图片的速度比新浪上传一张图片的速度还要快，如果大批量贴图，网易用起来实在是爽！

2、使用方便性比较。整体上而言，网易的使用方便度优于新浪，体现在几个细节方面。新浪此次改版主要是将功能设置的修改置于主页之中，网易也同样采用此种做法，而且网易使用起来更为方便。比如说模块的设置，网易可在收藏夹内设置项目，然后通过模块选择定位于主页，新浪的新模块设置界每诳谙过去小很多，很难操作。网易的分类和归类功能极方便，特别是调整文章的归类，可勾选后一次性完成调整分类的功能，而新浪太过麻烦，需要在每篇文章中修改归类，今天我重新设置了分类，400多篇文章重新分类，一篇篇改过去，眼都改花了，最后还有4篇当初没有归入类的文章，就无法找到了，对于此种情况，网易就设置了默任归类，让你一篇不少地找到自己的文章。同时，网易还按年、月、日设置了分类查找，你可以马上从时间分类上找到自己的文章，而新浪就得从所有文章中按时间去寻找了，也无法一目了然地知道自己在某年某月写了几篇文章。

3、美观程度上的比较。网易界面的变化性比新浪大很多，界面过简，可选择性少是新浪博客过去的一大弊端，为此新浪在上面花了很大的功夫，这次升级就是在界面设计上进行了颠覆性的改变，尽管如此，但是在技术上，却远远落后于网易，网易模板的选择性太大，几百个模板可选择，适何不同用户的需求，而且不断推出更新模板，用户也可通过网易的模板设置程序，直接在网上进行全方位的模板设计，对于用户自行设计的模板，其他用户也可以直接采纳使用。在文章内页的界面上，网易每篇文章可单页浏览，界面极简洁、清晰，首页上可设置成标题、摘要、全文三种方式，并且可以在日志目录里通过展开直接在浏览全文，阅读相当方便。

但是：

1、新浪的页面干净、整齐。新浪改版去除了一些css代码后，首页变得清爽了，而网易允许大家制做花样，导致很多博客看上去花里胡稍、乱七八糟的，失去了博客以文字和图片为主的特色，阅读起来不直观，不一目了然（用户自已如果选择简洁界面的话，感觉就非常的好，甚至比新浪的感觉还好）。网易允许他人在留言和评论时使用艺术、彩色、闪动的文字，包括图片，使得博主的界面被留言后变得乱七八糟，特别是一幅大图留言后，博主页面就变得相当难看，这对喜欢界面清爽的我而言，真是令人头疼，删除了总感觉对不住来访的博友们，相比而言，新浪的留言、评论界面看着真是让人赏心悦目。

2、新浪的博客圈建设得比网易好。新浪向圈推荐文章很方便，可以发文的同时自行进入圈内，而网易必须单独推送，很多圈都设有每天推送的数额很不方便。新浪圈的页面也设计得比网易清爽，阅读起来很方便，圈的文章质量也很高，信息量也很大，相比之下，网易要逊色很多，缺少文化这一圈的灵魂缺陷明显，这与新浪实力强过网易有很大的关系，从交流的角度而言，新浪的优势很明显。

3、新浪的发图设置和视频上传功能也优于网易。虽然网易图片上传速度极快，但是上传后的图片只能像过去新浪一样，不能将图片与文章融合，使图文紧凑、美观。网易也不支持视频上传，这点新浪占了很大优势，也方便了用户。网易对文章的审核时限也比较长，同样一篇文章，新浪瞬间即发，网易要审核大半天，挺爱国的文章就因为有了那么几个涉及敏感的词汇，就要审核，很不方便。

问题五：搜狐和新浪啥关系？ 40分 搜狐是张朝阳依据风险投资创办。海浪的创始人是王志东。他们和网易、腾讯并称为“中国四大门户”，分别是中国的四大门户网站之一。

他们没有必然的联系，如果有的话，可以说是竞争对手。

问题六：新浪，腾讯，搜狐，网易，百度等有什么区别 新浪主营微博、腾讯在聊天工具账户的基础上拓展其他网络用途、搜狐中文门户网站主要经营自己的网站为用户提供时事新闻、视频、游戏攻略等等、网易包含比较杂，包括邮箱。游戏、音乐等等方面、百度是搜索引擎主要经营为用户提供所需的网站地址链接

大致就是这些吧，抱歉我肯定没啥太多的了解，所以只供参考

问题七：新浪，腾讯，搜狐，网易，百度等有什么区别 都是老牌的代表性的国内互联网企业，

腾讯规模最大，比其他几个加起来还大，以社交、游戏、门户为主。

百度以搜素为主，

网易以游戏和电商为主，

搜狐以输入法、门户、视频为主，

新浪以门户、微博为主，

问题八：新浪，腾讯，搜狐，网易，百度等有什么区别 新浪：门户资讯类网站，主打产品微博；

腾讯：门户资讯类网站，主打产品为游戏；

网易：门户资讯类网站，主打产品为大型网络游戏游戏、教育平台

百度：搜索引擎类网站，主打产品搜索、文库、贴吧、问答等

目前的互联网平台，特别是这四家国内的老互联网公司，现在的业务分布是越来越多，但每家都会有一个核心的产品。

问题九：新浪，腾讯，搜狐，网易，百度等有什么区别 前四个，都是较大的门户网站，百度是个搜索引擎，但是现在互联网公司越来越横向发展了，都在拓展自己的业务，腾讯也开始做搜索，网易、百度、腾讯也都开始做电商，新浪、腾讯、搜狐、百度都有自己的视频业务。越来越综合化了，区别也越来越小了。

1.浏览器下方文字代码

</SCRIPT>

<SCRIPT language=JavaScript>

var msg = "你想要的文字"

var interval = 120

var spacelen = 120

var space10=" "

var seq=0

function Helpor_net() {

len = msg.length

window.status = msg.substring(0, seq+1)

seq++

if ( seq >= len ) {

seq = 0

window.status = ''

window.setTimeout("Helpor_net()", interval )

}

else

window.setTimeout("Helpor_net()", interval )

}

Helpor_net()

</SCRIPT>

2.改鼠标效果代码

<STYLE type=text/css>

a:hover {cursor:url('http://1234')}

BODY {cursor:url('1234')}

</STYLE>

其中的1234是地址，要添一样的

这个站有很多效果http://myok.bokee.com/2081936.html

特效请看http://www.vxyz.com/blog/more.asp?name=妃雅&id=180

http://www.vxyz.com/blog/more.asp?name=妃雅&id=181

播放器可以用爱播吧，我倒是没试过

3.插入透明flash背景

代码格式：<embed src="Flash地址"width="画面宽度" height="画面高度" quality="high" wmode="transparent" align="center" style="position: absoluteleft:0top:0">

此代码为插入透明flash代码，其中 width="" 为flash的宽，height="" 为 flas的高，left: 为从左向右移的位置，top: 为从上向下移的位置

举例说明：<embed src="http://lain1978.com/collection/flash/fish.swf

"width="800" height="600" quality="high" wmode="transparent" align="center" style="position: absoluteleft:0top:0">

透明FLASH素材：

http://imgfree.21cn.com/free/flash/1.swf红色背景白色小流星

http://imgfree.21cn.com/free/flash/2.swf浅绿色背景亮色竖条

http://imgfree.21cn.com/free/flash/3.swf光球光芒时隐时现

http://imgfree.21cn.com/free/flash/4.swf米字星光

http://imgfree.21cn.com/free/flash/5.swf灰色背景米字星光

http://imgfree.21cn.com/free/flash/6.swf灰蓝背景飘落雨滴

http://imgfree.21cn.com/free/flash/7.swf黄色背景飞星闪闪

http://imgfree.21cn.com/free/flash/8.swf青蛙

http://imgfree.21cn.com/free/flash/9.swf蓝色蝴蝶

http://imgfree.21cn.com/free/flash/10.swf竖条箭头

http://imgfree.21cn.com/free/flash/11.swf宽窄竖条

http://imgfree.21cn.com/free/flash/12.swf左右晃动的竖条（宽、窄）

http://imgfree.21cn.com/free/flash/13.swf黑色背景旋转轮盘

http://imgfree.21cn.com/free/flash/14.swf蝌蚪旋转、随鼠标的白色光团

http://imgfree.21cn.com/free/flash/15.swf黑色背景绿色飘带幻影

http://imgfree.21cn.com/free/flash/16.swf黑色背景飞星闪闪

http://imgfree.21cn.com/free/flash/17.swf金鱼

http://imgfree.21cn.com/free/flash/18.swf蓝色背景水平飞镖

http://imgfree.21cn.com/free/flash/19.swf左右晃动的竖条

http://imgfree.21cn.com/free/flash/20.swf黑色背景水平闪动的横条

http://imgfree.21cn.com/free/flash/21.swf黑色背景光晕

http://imgfree.21cn.com/free/flash/22.swf光圈由小变大

http://imgfree.21cn.com/free/flash/23.swf蓝色背景雪花飘飘

http://imgfree.21cn.com/free/flash/24.swf左右闪动的竖条

http://imgfree.21cn.com/free/flash/25.swf三只黑蚂蚁

http://imgfree.21cn.com/free/flash/26.swf左右晃动的黄、绿、蓝竖线

http://imgfree.21cn.com/free/flash/27.swf无色背景水珠

http://imgfree.21cn.com/free/flash/28.swf黑色背景竖条

http://imgfree.21cn.com/free/flash/29.swf圆圈内海浪波动

http://imgfree.21cn.com/free/flash/30.swf黑色背景蓝色梦幻

http://imgfree.21cn.com/free/flash/30.swf黑色背景蓝色梦幻

http://imgfree.21cn.com/free/flash/31.swf黑色背景无数小亮点飘落

http://imgfree.21cn.com/free/flash/32.swf长发女孩

http://imgfree.21cn.com/free/flash/33.swf粉黄色5瓣花飘飘

http://imgfree.21cn.com/free/flash/34.swf

http://imgfree.21cn.com/free/flash/35.swf小星、大星光晕梦幻

http://imgfree.21cn.com/free/flash/35.swf紫色唇印升腾

http://imgfree.21cn.com/free/flash/36.swf上下闪动的横条

http://imgfree.21cn.com/free/flash/37.swf绿色、黄色的树叶飞舞

http://imgfree.21cn.com/free/flash/38.swf流星飞降

http://imgfree.21cn.com/free/flash/39.swf小＋字旋转大光圈

http://imgfree.21cn.com/free/flash/40.swf大、小八瓣雪花飘落

http://imgfree.21cn.com/free/flash/41.swf紫色背景大、小八瓣雪花飘落

http://imgfree.21cn.com/free/flash/42.swf空中飘动的黄球

http://imgfree.21cn.com/free/flash/43.swf

http://imgfree.21cn.com/free/flash/44.swf

http://imgfree.21cn.com/free/flash/45.swf两只黄色的蝴蝶在左上角飞舞

http://imgfree.21cn.com/free/flash/46.swf一片浅粉色的云团

http://imgfree.21cn.com/free/flash/47.swf 箭头左右穿梭

http://imgfree.21cn.com/free/flash/48.swf一个光球从右上方慢慢飞入

http://imgfree.21cn.com/free/flash/49.swf飘落的浅粉色花瓣

http://imgfree.21cn.com/free/flash/50.swf晃动的文字“sweet kiss day”

http://imgfree.21cn.com/free/flash/51.swf三只飞舞的蜻蜓、闪闪的星光

http://imgfree.21cn.com/free/flash/52.swf黑色背景飘落的红叶

http://imgfree.21cn.com/free/flash/53.swf雪糕降落

http://imgfree.21cn.com/free/flash/54.swf绿色的心和I love you垂直降落

http://imgfree.21cn.com/free/flash/55.swf两只跳跃的青蛙

http://imgfree.21cn.com/free/flash/56.swf六边形、降落的竖条

http://imgfree.21cn.com/free/flash/57.swf燕鱼和水泡

http://imgfree.21cn.com/free/flash/58.swf光晕、光圈

http://imgfree.21cn.com/free/flash/59.swf蓝色背景飞翔的海鸥

http://imgfree.21cn.com/free/flash/60.swf黑色背景降落的萤火虫

http://imgfree.21cn.com/free/flash/61.swf飞腾的红心

http://imgfree.21cn.com/free/flash/62.swf五彩礼花燃放

http://imgfree.21cn.com/free/flash/63.swf黄色的四瓣花飘落

http://imgfree.21cn.com/free/flash/64.swf浅蓝色的雪花在空中，小雪花降落

http://imgfree.21cn.com/free/flash/65.swf飘落的空心小兰圈

http://imgfree.21cn.com/free/flash/66.swf一只手的图形

http://imgfree.21cn.com/free/flash/67.swf由远而近飞来的流星

http://imgfree.21cn.com/free/flash/68.swf黑色背景飘落的雪花

http://imgfree.21cn.com/free/flash/69.swf七彩光光芒四射（全屏）

http://imgfree.21cn.com/free/flash/70.swf七彩光光芒四射（全屏）

http://imgfree.21cn.com/free/flash/71.swf闪动的小竖条

http://imgfree.21cn.com/free/flash/72.swf一只和平鸽展翅飞舞

http://imgfree.21cn.com/free/flash/73.swf蓝色背景蓝色气泡慢慢升空

http://imgfree.21cn.com/free/flash/74.swf白色背景浅蓝色的气泡慢慢升空

http://imgfree.21cn.com/free/flash/75.swf跟随鼠标游动的七彩光圈

http://imgfree.21cn.com/free/flash/76.swf 线条变形

http://imgfree.21cn.com/free/flash/77.swf蓝色旋转

http://imgfree.21cn.com/free/flash/78.swf跟随鼠标旋转的数字时钟

http://imgfree.21cn.com/free/flash/79.swf鼠标滑过方块图形变换

http://imgfree.21cn.com/free/flash/80.swf跟随鼠标的“欢迎下载”及七彩星

http://imgfree.21cn.com/free/flash/81.swf跟随鼠标的火苗

http://imgfree.21cn.com/free/flash/82.swf雪花旋舞

http://imgfree.21cn.com/free/flash/83.swf蓝色背景蓝色气泡升腾

http://imgfree.21cn.com/free/flash/84.swf闪动的白色圆圈

http://imgfree.21cn.com/free/flash/85.swf浅蓝色的纸片旋入

http://imgfree.21cn.com/free/flash/86.swf绿色的指针旋转

http://imgfree.21cn.com/free/flash/87.swf跟随鼠标移动的黄色小球

http://imgfree.21cn.com/free/flash/88.swf七彩礼花开放

http://imgfree.21cn.com/free/flash/89.swf金光闪闪（中间到四周）

http://imgfree.21cn.com/free/flash/90.swf立方体折叠

http://imgfree.21cn.com/free/flash/91.swf浅蓝色的纸片旋入

http://imgfree.21cn.com/free/flash/92.swf飘舞的七彩丝线

http://imgfree.21cn.com/free/flash/93.swf闪电效果

http://imgfree.21cn.com/free/flash/94.swf扇形旋转七彩光圈

http://imgfree.21cn.com/free/flash/95.swf 七彩光8字形旋转

http://imgfree.21cn.com/free/flash/96.swf小球和旋钮、光晕

http://imgfree.21cn.com/free/flash/97.swf旋转的花瓣、蝴蝶随鼠标飞舞

http://imgfree.21cn.com/free/flash/98.swf飞旋的七彩光

http://imgfree.21cn.com/free/flash/99.swf白色旋转的花瓣变形

http://imgfree.21cn.com/free/flash/100.swf蓝宝石七彩闪光

http://imgfree.21cn.com/free/flash/101.swf黄色4瓣花飘落

http://imgfree.21cn.com/free/flash/102.swf蓝色的球从页面左侧飞入

http://imgfree.21cn.com/free/flash/103.swf从空中滴落的一个大雨滴

http://imgfree.21cn.com/free/flash/104.swf左右飞入两个箭头、3个圆圈旋转

http://imgfree.21cn.com/free/flash/105.swf由中心向外扩展的闪电光圈

http://imgfree.21cn.com/free/flash/106.swf从下向上飞入的箭头，闪光

http://imgfree.21cn.com/free/flash/107.swf一只大眼睛黄色蝴蝶

http://imgfree.21cn.com/free/flash/108.swf旋舞的3个半透明圆圈