博客的HTML代码如何运用,html代码运用(五)--常用特效解析
常用特效解析:
原图:
590){this.width=590;}" border=0 twffan="done">
1、效果一:
代码:
《IMG src="http://blog.lanyue.com/upload/user/55/235337_30220812.jpg" style="FILTER: gray(color=#ffedff)"》
2、效果二:
代码:
《IMG src="http://blog.lanyue.com/upload/user/55/235337_30220812.jpg" style="FILTER: xray(color=#ffedff)"》
3、效果三:
代码:
《IMG src="http://blog.lanyue.com/upload/user/55/235337_30220812.jpg" style="FILTER: invert(color=#ffedff)"》
4、效果四:
代码:
《IMG src="http://blog.lanyue.com/upload/user/55/235337_30220812.jpg" style="FILTER: fliph(color=#ffedff)"》
5、效果五:
代码:
《IMG src="http://blog.lanyue.com/upload/user/55/235337_30220812.jpg" style="FILTER: flipv(color=#ffedff)"》
6、效果六:
代码:
《img src="http://blog.lanyue.com/upload/user/55/235337_30220812.jpg" width=360 height=250 style=filter:Alpha(opacity=100,style=2)》
7、效果七:
跟随鼠标拖动而滑动的图片
代码:
《DIV STYLE="cursor:arrow;filter : progid:DXImageTransform.Microsoftpadding:8px;position:absolute;;border:;top:expression(eval(document.body.scrollTop) eval(document.body.clientHeight)-200);left:expression(eval(document.body.scrollLeft) eval(document.body.clientWidth)-400);text-align:center;"》《P》《/P》《IMG border=0 src="http://blog.lanyue.com/model/luntan/upload_pic/1537525.gif"》《/DIV》
8、效果八:
代码:
《MARQUEE behavior=alternate direction=up height=300 width=130》《img src=http://blog.lanyue.com/model/luntan/upload_pic/1853520.gif》《/MARQUEE》《FONT color=orange》《MARQUEE behavior=alternate direction=up height=250 width=130》《img src=http://blog.lanyue.com/model/luntan/upload_pic/1853520.gif》《/MARQUEE》《FONT color=Fuchsia》《MARQUEE behavior=alternate direction=up height=300 width=130》《img src=http://blog.lanyue.com/model/luntan/upload_pic/1853520.gif》《/MARQUEE》《FONT color=olive》《MARQUEE behavior=alternate direction=up height=250 width=130》《img src=http://blog.lanyue.com/model/luntan/upload_pic/1853520.gif》《/MARQUEE》
9、效果九:
沧
海
明
月
清
风
代码:
《CENTER》《MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"》《B》《FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal"》沧 《IMG src="http://blog.lanyue.com/model/luntan/upload_pic/1494405.gif" ;》《/FONT》《/B》《/MARQUEE》《MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"》《B》《FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal"》海 《IMG src="http://blog.lanyue.com/model/luntan/upload_pic/1494405.gif" ;》《/FONT》《/B》《/MARQUEE》《MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"》《B》《FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal"》明 《IMG src="http://blog.lanyue.com/model/luntan/upload_pic/1494405.gif" ;》《/FONT》《/B》《/MARQUEE》《MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"》《B》《FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal"》月《IMG src="http://blog.lanyue.com/model/luntan/upload_pic/1494405.gif" ;》《/FONT》《/B》《/MARQUEE》《MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"》《B》《FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal"》清 《IMG src="http://blog.lanyue.com/model/luntan/upload_pic/1494405.gif" ;》《/FONT》《/B》《/MARQUEE》《MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"》《B》《FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal"》风 《IMG src="http://blog.lanyue.com/model/luntan/upload_pic/1494405.gif" ;》《/FONT》《/B》《/MARQUEE》《/CENTER》
10、效果十:
代码:
《FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"》《IMG src="http://blog.lanyue.com/upload/user/55/235337_30220812.jpg"》《FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"》《IMG src="http://blog.lanyue.com/upload/user/55/235337_30220812.jpg"》《/FONT》《/FONT》
博客的HTML代码如何运用,html代码运用(五)--常用特效解析相关推荐
- CSDN博客如何在有序序列中缩进代码段或图片
今天没写什么新的内容,主要是调整了博客分类.博客标题格式.博客摘要等内容,一时兴起决定分享一下如何在有序序列中缩进代码段或图片. 先看一看不会缩进代码段的效果: 歪比巴卜 歪比巴卜 歪比歪比 歪比歪比 ...
- Hexo博客开发之——Github绑定Netlify改动代码后自动部署
一 Hexo部署的过程 基于Github可以快速搭建hexo静态博客,但是每次都需要在本地执行 hexo new (post) 文章标题:创建文章标题 hexo generate:将源代码编译成静态代 ...
- 微信小程序云开发之新闻博客社区项目debug后的项目代码
大家好,我是csdn的博主:lqj_本人 这是我的个人博客主页:lqj_本人的博客_CSDN博客-微信小程序,html特效,vue2基础领域博主 本次文章主要时为我最近在哔哩哔哩上的新发布的视频做一个 ...
- 个人博客搭建系列(一) 之 阿里云购买域名及解析对应ip地址
前言 这不是前几天把个人博客搭好了么,想着买个域名对应到我服务器,然后最近会推出一系列的,从搭建博客到域名购买解析.配置ngnix的一套博客的搭建教程 那么,先厚着脸皮让大家瞅瞅我的博客: 蜕变的杨洋
- php天气api接口,PHP博客_天气API接口的实现代码,实况天气,生活指数等
城市查询API接口说明 功能强大的城市搜索服务,支持中英文模糊搜索,支持IP.经纬度坐标和中国行政区域编码(AD Code)查询城市的详细信息,可指定搜索范围,设置返回结果数量,查询全球热门城市列表等 ...
- 2020FME博客大赛——解放大脑 经纬度坐标自动重投影至常用投影坐标系
作者:崔欣 单位:中国石油天然气管道工程有限公司 摘要:非测绘专业以及学艺不精的测绘人员对经纬度.投影带.带号.假东.假北.比例因子.高斯克吕格3度分带投影.高斯克吕格6度分带投影.墨卡托投影.通用横 ...
- 博客园自定义页面风格设计 后续篇(页面设计模式及代码高亮 鼠标点击效果升级)...
前言 在之前所写过的博客园自定义页面风格设计篇中,我们已经说明了其中两种风格的页面设计,鼠标图案的修改,公告栏的设置,背景音乐的制作,关于CSS以及用Canvas和requestAnimFrame做动 ...
- 博客园Markdown模式的MATLAB代码高亮方案
前言 博客园随笔写作可以使用 Markdown 进行编辑,当展示代码时,可以使用下面的语法来对代码块进行展示: ```language code-content ``` 一般来说,指明了 lang ...
- 改进博客园Markdown显示功能(加代码行号、显示代码所用编程语言)
博客园的markdown模式下的代码高亮功能使用的是highlight.js,没有行号和显示相应编程语言的功能,只好自己将其改造了一下(将这两种功能一并实现了)~ 先看一下效果,再详细介绍方法~ 查看 ...
最新文章
- 实验四+149+肖雷
- Java Web项目运行流程
- Oracle 数据文件迁移
- [html] html5的video如何附带字幕?
- SQL SERVER 数据库导入,导出之Bcp命令示例
- Google 最强开源模型 BERT 在 NLP 中的应用 | 技术头条
- 男单巅峰战林丹力克索尼 再度封王成功卫冕
- YOLOv5网络详解
- 淘宝店铺介绍范文如何写的技巧详细分析!
- 1946年2月14号第一台计算机,1946年2月14日 世界上第一台计算机诞生,世界,您好!...
- 一个80后神话的倒掉----郑立
- chrome 谷歌 浏览器 更新后页面布局变大处理
- Excel数据快速录入技巧分享
- NDK/C++ 耗时统计类TimeUtils
- 基于CNN的表情识别(FER)pytorch实现
- IT技术相关学习网站推荐
- 关于TI公司DSP工程调用DELAY_US()进入非法中断问题的解决
- 控制用计算机应具有特点,国开(中央电大)专科《可编程控制器应用》网上形考、机考试题及答案...
- Yunzai-Bot v3—Linux服务器搭建教程
- HDU 1114:Piggy-Bank ← 完全背包问题