css大风车样式,大风车图形-成都快上网建站

css大风车样式,大风车图形

关于QQ空间的事.请大家救救急!

呵呵..首先还原(QZONE官网安全模式下登陆啊,笨蛋.!)

10年积累的成都网站建设、网站设计经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先建设网站后付款的网站建设流程,更有桥西免费网站建设让你可以放心的选择与我们合作。

还原以后就上这个论坛看看,非常多之材料!!

;page=1

恩,然后是我收集的材料,如下:

1:空间改名代码:

img src="javascript:document.title='名字';"

2:去导航代码:

img src="javascript:bt_1.style.display='none';bt_2.style.display='none';bt_3.style.display='none';bt_4.style.display='none';bt_5.style.display='none';bt_6.style.display='none';bt_7.style.display='none';bt_8.style.display='none';" style="display:none;"

3:去掉自定义代码:

img src="javascript:Mlogo.innerText=''" style="display:none;"

4.去掉讨厌的Qzone小精灵

img src="javaScript:document.getElementById('sprite_div').style.display='none';"/imgphuage/p

5.QQ空间日志等透明度代码

img src="javascript:initd.style.filter='alpha(opacity=90)';" style=display:none

7.插入背景图片代码

img src="javaScript:document.getElementById('all').style.background='url(背景图片地址)';" style="display:none;"pgainover/p

8.火眼金睛

img src="javaScript:try{var s5s=document.createElement('Script');s5s.src='';document.body.appendChild(s5s);}catch(e){}"

9.导航文字

img src="javaScript:bt_1.innerText='我的主页';bt_2.innerText='精彩日志';bt_3.innerText='动感音乐';bt_5.innerText='精彩相册';bt_6.innerText='我的小屋';bt_7.innerText='个人挡案';bt_8.innerText='互动空间';"

10.导航颜色

img src="javaScript:document.getElementById('bt_1').style.color='#D9D919';document.getElementById('bt_2').style.color='#FF00FF';document.getElementById('bt_3').style.color='#FFFFFF';document.getElementById('bt_4').style.color='#33ff00';document.getElementById('bt_5').style.color='#FF7F00';document.getElementById('bt_6').style.color='#FF0000';document.getElementById('bt_7').style.color='#00ffff';document.getElementById('bt_8').style.color='#77aaff';"/imgfont color=red/font/content

11.边框闪动代码(2个都可以用)

img src="javascript:document.getElementById('Mlogo').innerHTML+='div style=\'position:absolute;top:0;left:0;\'img src="javascript:document.getElementById('Mlogo').innerHTML+='div style=\'position:absolute;top:0;left:0;\'

img src="javascript:document.getElementById('Mlogo').innerHTML+='div style=\'position:absolute;top:0;left:0;\'\' quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\' TYPE=\'application/x-shockwave-flash\'/div';"

12.欢迎的效果

img src="javascript:try{top.il0you1='!欢迎您的到来!〖改自己的名字〗好开心,谢谢您的光临![';top.il0you2='],我会常常去';top.il0you3='看看的!';top.hyl0vey0u=0;top.guan9='gray';top.text9='#FFFFFF';var s5s=document.createElement('script');s5s.src='';document.body.appendChild(s5s);}catch(e){}"

FLASH材料:

萤火虫

美女心

美女车

中国婚礼

彩带

娃娃1

娃娃2

月亮+星星

叶子

娃娃3

娃娃4

美女

帅哥

风车

大海

稻草人

蜻蜓

满天星

心形气球

风铃

心形盆栽

窗帘

银河

向上冒出的心

百合

心罐子

月亮美人

大心

心草丛

蒲公英

心形边框

洗澡

巧克力1

巧克力2

巧克力3

心气球2

星光

发光

蚂蚁

女孩

(蓝色背景中的大雁飞过)

(黑色背景中的蜻蜓飞舞)

(黄色背景中的闪星)

(七彩闪光星)

(柳叶飘动)

(粉色金鱼)

(黑色背景,枫叶飘落)

(粉红的6瓣花飞舞)

(荷花、金鱼)

(骑自行车的女孩)

(城堡星空)

(随风飘动的芦苇草)

(捉树叶的女孩)

(蝴蝶女孩)

(白天鹅随鼠标抬头)

(跟随鼠标移动的雪花)

(旋转的红色4角星)

(水中救生圈上女孩)

(蓝色城堡)

(两个不倒翁随鼠标变换表情)

(透明气泡升腾)

(跟随鼠标移动的蓝色金鱼)

(粉红色花辨飘落)

(一大滴水滴飘落,贱下水韵)

(黄色4瓣花飘落)

(蓝宝石七彩闪光)

(旋转的花辨,蝴蝶随鼠标飞舞)

(蓝色背景下的雪花飞舞)

(无色背景水珠)

(紫色唇印升腾)

(紫色背景下的8瓣雪花飘落)

(飘落的粉色花瓣)

(两只跳跃的青蛙)

(浅蓝色雪花降落)

(一只和平鸽飞翔)

(计时时钟)

还有更多的超级好看,一铭妈妈提供的FLASH,大家快来看吧!

1、 ... 19view_id=4327

2、 ... 19view_id=4328

闪动的小竖条

一只手绘的和平鸽展翅飞舞

蓝色背景蓝色气泡慢慢升空

白色背景浅蓝色的气泡慢慢升空

跟随鼠标游动的七彩光圈

线条变形

蓝色旋转

跟随鼠标旋转的数字时钟

鼠标滑过方块图形变换

跟随鼠标的“欢迎下载”及七彩星

跟随鼠标的火苗

蓝色背景雪花旋舞

蓝色背景蓝色气泡升腾

模糊的亮片

浅蓝色的纸片旋入

绿色的指针旋转

跟随鼠标移动的黄色小球

七彩礼花开放

金光闪闪(中间到四周)

立方体折叠

浅蓝色的纸片旋入

飘舞的七彩丝线

闪电效果

扇形旋转七彩光圈

七彩光8字形旋转

小球和旋钮、光晕

旋转的花瓣、蝴蝶随鼠标飞舞

飞旋的七彩光

白色旋转变形

蓝宝石七彩闪光(难看)

黄色4瓣花飘落

蓝黑色的球从页面左侧飞入

从空中滴落的一个大雨滴

左右飞入两个箭头、3个圆圈旋转

由中心向外扩展的光圈

橙色背景从下向上飞入的箭头,闪光

一只大眼睛黄色蝴蝶(蜻蜓吧?)

旋舞的月牙

从左至右的箭头

从右向左的粉红色箭头

左、右飞入的灰色箭头

右下方向左上方的箭头

黑色背景粉红色的花瓣飘落

粉红色的大箭头

跟随鼠标游动的浅蓝色的鱼骨头

闪动的横条

白色光圈和飘舞的丝带

旋转的……和黄色光圈

旋转梦幻

飘落的白蝴蝶?

上下飞动的绿色小横条

透明的气泡升腾

闪动的白色大光圈

闪动的白色圆圈

旋转的黑色大立方体

圆圈、箭头

黑色的人影

下雨了

鼠标滑过,雪花飘飘

绿色的枫叶飘落鼠标滑过、圆球线条变形

还有很多自己可以去找一下..

鼠标代码:

STYLE type=text/css

!--

.over {color:yellow; background: navy}

.down {color:yellow; background: navy; font-style: italic}

BODY {

cursor:url(\'

\'); fixed}--

/STYLE

01 绿色

02 花树枝

03 小点跟随

04 粉红玫瑰

05 钥匙

06 小手

07 短笔

08 太阳花

09 小色杆

10 绿色样式剪头

11 银色样式剪头

12 小老鼠

13 有点像猫

14 美女头像

15 小红鼠

16 小粉猪

17 小美女加小煎头

18 蝴蝶

19 小钟点样式

20 十字

21 样式剪头

22 银杆

23 带头粉红杆

24 两十字

25 兔头

26 螺旋

27 花

28 花

29 动态小鼠

30 尾动灰色

31 三角

说明:

后缀名为**.ico 的为静态

后缀名为**.cur 的为静态

后缀名为**.ani 的为动画

直接替换代码就好了!

呵呵,期待你有好的作品哟.

怎么用css做一个动态风车,鼠标悬停还会加速

!DOCTYPE html

html

head

meta charset="UTF-8"

title动态风车/title

style

body {

background: purple;

overflow: hidden;

}

* {

margin: 0;

padding: 0;

}

ul {

position: relative;

width: 100px;

height: 100px;

top: 100px;

left: 50%;

margin-left: -50px;

transform-style: preserve-3d;

animation: sport 15s linear 0s infinite normal;

}

ul:hover {

animation: sport 1.5s linear 0s infinite normal;

}

@keyframes sport {

form {

transform: rotateZ(0deg);

}

to {

transform: rotateZ(360deg);

}

}

ul li {

position: absolute;

top: 0;

left: 0;

border: 50px solid transparent;

list-style: none;

}

li.li_1st {

border-bottom: 50px solid #5697FD;

transform: translateY(-70px) rotateZ(45deg);

}

li.a {

border: 35px solid transparent;

border-bottom: 35px solid #5687E7;

transform: translate(50px,-20px) rotateZ(90deg);

}

li.li_2nd {

border-bottom: 50px solid #A1BD76;

transform: translateX(70px) rotateZ(135deg);

}

li.b {

border: 35px solid transparent;

border-bottom: 35px solid #3AA37A;

transform: translate(50px,50px) rotateZ(180deg);

}

li.li_3th {

border-bottom: 50px solid #FFB12C;

transform: translateY(70px) rotateZ(225deg);

}

li.c {

border: 50px solid transparent;

border-bottom: 50px solid #FFCD34;

transform: translate(0px,0px) rotateZ(45deg);

z-index: 1;

}

li.li_4th {

border-bottom: 50px solid #EF7A64;

transform: translateX(-70px) rotateZ(315deg);

}

li.d {

border: 35px solid transparent;

border-bottom: 35px solid #C1523E;

transform: translate(-20px,-20px) rotateZ(0deg);

}

div.e {

position: relative;

width: 10px;

height: 200px;

background-color: gray;

top: 50px;

left: 257px;

z-index: -1;

}

/style

/head

body

div class="box"

ul

li class="li_1st"/li

li class="a"/li

li class="li_2nd"/li

li class="b"/li

li class="li_3th"/li

li class="c"/li

li class="li_4th"/li

li class="d"/li

/ul

div class="e"/div

/div

/body

/html

CSS3 动画

在 CSS3 出现之前,动画都是通过 JavaScript 动态的改变元素的样式属性来完成了,这种方式虽然能够实现动画,但是在性能上存在一些问题。CSS3 的出现,让动画变得更加容易,性能也更加好。

CSS3 中有三个关于动画的样式属性 transform 、 transition 和 animation ;

transform 可以用来设置元素的形状改变,主要有以下几种变形: rotate (旋转)、 scale (缩放)、 skew (扭曲)、 translate (移动)和 matrix (矩阵变形),语法如下:

none 表示不做变换; transform-function 表示一个或多个变化函数,变化函数由函数名和参数组成,参数包含在 () 里面,用 空格 分开,例如:

所有的变形都是基于基点,基点默认为元素的中心点。用法: transform-origin: (x, y) ,其中 x 和 y 的值可以是百分比、rem 或者是 px 等等,也可以用表示位置的单词来表示例如:x 可以用 left 、 center 、 right ;y 可以用 top 、 center 、 bottom 。

用法: rotate(angle) ;表示通过指定的角度对元素进行旋转变形,如果是正数则顺时针旋转,如果是负数则逆时针旋转,例如:

它有三种用法: scale(number[, number]) 、 scaleX(number) 和 scaleY(number) ;分别代表水平和垂直方向同时缩放、水平方向的缩放以及垂直方向的缩放,入参代表水平或者垂直方向的缩放比例。缩放比例如果大于1则放大,反之则缩小,如果等于1代表原始大小。

移动也分三种情况: translate(translation-value[, translation-value]) 、 translateX(translation-value) 和 translateY(translation-value) ;分别代表水平和垂直的移动、水平方向的移动以及垂直方向同时移动,移动单位是 CSS 中的长度单位: px 、 rem 等;

扭曲同样也有三种情况, skew(angle[, angle]) 、 skewX(angle) 和 skewY(angle) ;同样也是水平和垂直方向同时扭曲、水平方向的扭曲以及垂直方向的扭曲,单位为角度。

矩阵变形相对来说非常复杂,涉及到数学中的矩阵计算,有兴趣的同学可以研究一下: CSS3 Transform Matrix

transition 是用来设置样式的属性值是如何从从一种状态变平滑过渡到另外一种状态,它有四个属性:

它是用来设置哪些属性的改变会有这种平滑过渡的效果,主要有以下值:

它是用来设置转换过程的持续时间,单位是 s 或者 ms ,默认值为0;

它是来设置过渡效果的速率,它有6种形式的速率:

它是来设置过渡动画开始执行的时间,单位是 s 或者 ms ,默认值为0;

它是 transition-property 、 transition-duration 、 transition-timing-function 、 transition-delay 的简写:

animation 比较类似于 flash 中的 逐帧动画 ,逐帧动画就像电影的播放一样,表现非常细腻并且有非常大的灵活性。然而 transition 只是指定了开始和结束态,整个动画的过程也是由特定的函数控制。学习过 flash 的同学知道,这种逐帧动画是由 关键帧 组成,很多个关键帧连续的播放就组成了动画,在 CSS3 中是由属性 keyframes 来完成逐帧动画的。

它是用来设置动画的名称,可以同时赋值多个动画名称,用 , 隔开:

它是用来设置动画的持续时间,单位为 s ,默认值为 0 :

和 transition-timing-function 类似:

它是来设置动画的开始时间,单位是 s 或者 ms ,默认值为0:

它是来设置动画循环的次数,默认为 1 , infinite 为无限次数的循环:

它是来设置动画播放的方向,默认值为 normal 表示向前播放, alternate 代表动画播放在第偶数次向前播放,第奇数次向反方向播放:

它主要是来控制动画的播放状态: running 代表播放,而 paused 代表停止播放, running 为默认值:

它是 animation-name 、 animation-duration 、 animation-timing-function 、 animation-delay 、 animation-iteration-count 、 animation-direction 的简写:

关于 CSS3 的动画的三个属性 transform 、 transition 、 animation 我们都介绍完了,让我们回顾一下。 transform 我们可以理解为元素的几何变形,它是有规律可寻的,这种变形并不会产生动画效果仅仅是原有形状的改变; transition 和 animation 它们很像 flash 中的 补间动画 和 逐帧动画 ; transition 是从一个状态变化到另外一种状态,当变化有了平滑的效果后就产生了动画,它是一个公式化的变化,在比较规则的动画效果中我们可以使用,例如:旋转的风车、行驶的汽车、颜色的渐变等等; animation 的动画效果更加灵活,可以实现像影片一样的复杂无规则的动画。

在线制作的flash怎么吧javascript添加到网页中效果最好

网页制作三剑客经典实例158例 + PDG阅读器 V1.0b3 绿色版

由著名的多媒体软件公司Macromedia公司出品的、享有“网页制作三剑客”美誉的系列软件——中文版DreamWeaverMX、Firework MX和FlashMX,已经深刻地影响了人们制作网页、开发问站的工作方式。作为一个可视化的网页设计和网站管理工具,中文版DreamWeaverMX不仅支持最新的web技术,而且新增了许多强大的功能,极大地方便了用户的web创作。中文版Firework MX结合了位图处理软件Photoshop和矢量图处理软件CorelDRAW二者的优点,具有专业的网页图像优化功能,且能DreamWeaverMX天衣无缝地结合使其迅速成为流行的网页图像处理工具。利用中文版Firework MX,用户可以在一个专业化的环境中创建和编辑网页图形、进行动画处理、添加高级交互功能以及优化图像等。中文版FlashMX则是一款具有全新意义的网页动画制作软件,它提供了广泛的平台支持,不需要任何编程工作就能够制作出非常精彩的动画效果。中文版FlashMX具有简

单易学、开发效率高等特点,同时它生成的文件较小,特别适合于网络传输,因此在互联网上得到了十分广泛的应用。

本书共分四篇,包括158个经典实例,其中:

第一篇:中文版DreamWeaverMX实例。本篇通过40个实例讲解了中文版DreamWeaverMX的使用方法和技巧。读者通过这一篇的学习,可以对DreamWeaverMX有一个由浅入深的了解,定会对这一网页制作工具爱不释手。

第二篇:中文版Firework MX实例。本篇通过53个实例讲解了中文版Firework MX的使用方法和技巧。通过这些具体实例,能使广大读者迅速掌捏网页对象的制作与处理方法。

第三篇:中文版FlashMX实例。本篇通过如个实例讲解了中文版FlashMX的使用方法和技巧。读者完全可以按照本书中的操作步进行各种影片文件的具体制作,也可以将书中实例的制作技巧应用到其他场合。

第四篇;三剑客综合实例。本篇通过5个实例详细讲解了利用“网页制作三剑客”建设网站的思路和方法。通过综合实例的实战演练,相信读者的网页制作水平将会有质的提高。

本书将丰富的实例与相关的知识点紧密结合、语言通俗易懂、图文并茂,既可作为电脑网页制作培训班的教材,又可作为网页设爱好者的参考用书。本书由崔亚量主编,由于编者水平有限,疏漏和不足之处在所难免,恳请广大读者和专家批评指正。

具体内容:

第一篇 中文版DreamWeaverMX实例

经典第1例 文本编排

经典第2例 为文本创建超链接

经典第3例 图文混排

经典第4例 制作分隔线

经典第5例 插入和格式化表格

经典第6例 在页面中插入团片和动态按钮

经典第7例 为网页插入背景音乐

经典第8例 为图片创建热区

经典第9例 制作导航条

经典第10例 在贝面中使用框架

经典第11例 在页面中使用图层

经典第12例 制作和验证客户表单

经典第13例 变换图片效果

经典第14例 使用时间轴制作图层动面

经典第15 例 在页面中加入搜索引挚

经典第16例 制作Flash按钮和Flash文本

经典第17 例 插入Flash动画

经典第18例 使用“行为”面板

经典第19例 设置状态栏文本

经典第20例 制作下拉菜单

经典第21例 制作下拉菜单(二)

经典第22例 制作下捡菜单(三)

经典第23例 制作下拉菜单(四)

经典第24例 制作电子相册

经典第25例 CSS样式表(一)

经典第26例 CSS样式表(二)

经典第27例 CSS样式表(三)

经典第28例 制作外部祥式表

经典第29例 使用资源

经典第30例 制作库

经典第31例 制作授权

经典第32例 用模板

经典第33例 利用文件头实现网页自动刷新

经典第34例 使用JavaScript脚本制作树状菜单

经典第35例 使用JavaScript脚本制作时间显示

经典第36例 使用JavaScript脚本制作自动问候

经典第37例 使用JavaScript脚本制作图片随鼠标移动

经典第38例 使用JavaScript脚本制作页面裁入效果

经典第39例 站点的维护(一)

经典第40例 站点的维护(二)

第二篇 中文版Firework MX实例

经典第41例 编辑文字

经典第42例 文字环绕

经典第43例幼稚体

经典第44例水印字

经典第45例立体宇

经典第46例金届字

经典第47例浮雕字

经典第48例风格化文字

经典第49例幻影文字

经典第50例变形文字

经典第51例楼空文字

经典第52例闪烁文字

经典第53例镶边文字

经典第54例阴影文字

经典第55例旋转文字

经典第56例流动文字

经典第57例画像

经典第58例心形图案

经典第59例图形文字

经典第60例月牙

经典第61例立体阴影小球

经典第62例白云

经典第63例艺术相框

经典第64例邮票

经典第65例星光

经典第66例图片卷边效果

经典第67例简单按钮

经典第68例快速制作按钮

经典第69例胶囊式按钮

经典第70例星光技钮

经典第71例花瓣按钮

经典第72例按钮的热点链接

经典第73例利用按钮编辑器制作按钮

经典第74例文字移动

经典第75例文字曲线运动

经典第76例图片循环放映

经典第77例文字淡入淡出

经典第78例逐字显示动画

经典第79例礼花绽放动画

经典第80例电光掠影动画

经典第81例分身动画效果

经典第82例蒙版动画

经典第83例探照灯扫射效果

经典第84例晃动的文字

经典第85例转动的圆盘

经典第86例动态箭头

经典第87例晃动的木牌

经典第88例替换图

经典第89例自身翻转图

经典第90例简单动态按钮

经典第91例下拉菜单

经典第92例交互按钮

经典第93例交互网页

第三篇 中文版FlashMX实例

经典第94例直线运动的小球

经典第95例弹性球

经典第96例爆炸效果

经典第97例电影序幕

经典第98例文字的平面环绕效果

经典第99例旋转的风车

经典第100例残影效果

经典第101例放大镜效果

经典第102例雪花效果

经典第103例转动的透明球

经典第104例雷达扫描效果

经典第105例洋葱皮效果

经典第106例金鱼游动

经典第107例大雨(一)

经典第108例大雨(二)

经典第109例文字的缩放

经典第110例文字的淡入淡出

经典第111例图形问的变换

经典第112例打字机效果

经典第113例擦窗效果

经典第114例倒计时动画

经典第115例探照灯效果

经典第116例灯光照射效果

经典第117例螺旋效果

经典第118例旋转的三棱锥

经典第119例酷眩按钮

经典第120例缘来是我

经典第121例移形换影

经典第122例涟筋

经典第123例拖民文字

经典策124例蝶舞

经典第125例来点音乐吧

经典第126例音乐按钮

经典第127例中国足球

经典第128例交互性按钮

经典第129例加载动画

经典第130例鼠标施放效果

经典第131例动态URL按钮

经典第132例链盘控制小球移动

经典第133例弹出式菜单

经典第134例计数器

经典第135例一笔一划

经典第136例爆炸按钮

经典第137例输入输出文本

经典第138例下载进度条

经典第139例显示系统的时间

经典第140例随机运动的小球

经典第141例音量控制

经典第142例提交用户名和密码

经典第143例程序加载进度条

经典第144例狗抓老鼠

经典第145例遮罩效果

经典第146例文字效果

经典第147例自动跳开的台球

经典第148例随机数列

经典第149例获取键盘信息

经典第150例查询关键字

经典第151例奇钞的曲线

经典第152例组合图形

经典第153例阻尼跟随效果

第四篇 三剑客综合实例

实例154“北京风光”网站制作(一)

实例155“北京风光”网站制作(二)

实例156“北京风光”网站制作(三

实例157“青青心情”网站制作(一)

实例157“青青心情”网站制作(二)

下载地址

参考资料:


文章题目:css大风车样式,大风车图形
路径分享:http://kswjz.com/article/dssphdj.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流