网页中常用的效果

Myth丶恋晨 2022-08-07 00:17 161阅读 0赞

一、网页中常常需要显示天气：

<iframe width="310" scrolling="no" height="25" frameborder="0" allowtransparency="true" src="[http://i.tianqi.com/index.php?c=code&id=40&icon=1&num=3"></iframe][http_i.tianqi.com_index.php_c_code_id_40_icon_1_num_3_iframe]>

在[http://www.tianqi.com/plugin/][http_www.tianqi.com_plugin]上可以私人订制不同的显示样式和显示的日期天气。自己感觉很好用。

效果如下图：![20150211152934626][]

二、搜索输入框，开始的时候有默认的文字，想要鼠标点击之后，提示文字消失，鼠标离开焦点时，提示文字出现：

<input type="search" value="关键字" class="search\_input" οnfοcus="if (value =='关键字')\{value =''\}" οnblur="if (value =='')\{value='关键字'\}">

效果如下图：

点击前：![20150211152949152][]

点击后：

![20150211153009882][]

三、压缩图片的工具，简单好用（不过只适合jpg格式的压缩）

工具名称：JPEG Optimizer

图标如下：

![20150211154451629][]

[http_i.tianqi.com_index.php_c_code_id_40_icon_1_num_3_iframe]: http://i.tianqi.com/index.php?c=code&id=40&icon=1&num=3'%20rel=
[http_www.tianqi.com_plugin]: http://www.tianqi.com/plugin/
[20150211152934626]: /images/20220805/08138b9dcd99449da6d5717cce2dfd8a.png
[20150211152949152]: /images/20220805/65c825f5084a468f9e0cdd4bfe7a6f52.png
[20150211153009882]: /images/20220805/1f55b8f10de7463d9083fe79832dbb1f.png
[20150211154451629]: /images/20220805/8fa482a6e9d549fea48a319f39abe577.png

发表评论取消回复

表情：

评论列表（有 0 条评论，161人围观）

还没有评论，来说两句吧...

相关阅读

相关常用的网页工具

工具这个会指定持续更新，大家有的话就在评论区分享给小七，博主会及时更新大家的资源的哦这个会指定持续更新，大家有的话就在评论区分享给小七，博主会及时更新

Bertha 。/ 2023年10月05日 17:27/ 0 赞/ 36 阅读

相关实现网页图片的放大镜效果

实现某东上面的商品放大镜效果 ![在这里插入图片描述][20200303100145399.gif] -------------------- 实现代码

深藏阁楼爱情的钟/ 2023年07月10日 14:17/ 0 赞/ 11 阅读

相关浮动案例--常用的网页布局

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

港控/mmm°/ 2023年07月03日 04:34/ 0 赞/ 7 阅读

相关导航菜单中常用的css下划线动画效果-案例

> 导航栏下划线动画在网页设计中是非常常见的交互 [在线展示][Link 1] ![20210625131926419.gif][] [代码][Link 2]

本是古典何须时尚/ 2022年10月10日 01:30/ 0 赞/ 264 阅读

相关网页style常用的属性

style="属性:值;属性:值" 属性值 overflo

悠悠/ 2022年09月30日 07:29/ 0 赞/ 237 阅读

相关网页设计中常用的19个Web安全字体

1, Arial 微软公司的网页核心字体之一，最常用的sans serif字体，当字号很小时不容易阅读。但是，大写的“I”和小写的“l”是无法区别的，你可以考虑用Tahom

- 日理万妓/ 2022年09月25日 15:15/ 0 赞/ 465 阅读

相关网页中常用的效果

一、网页中常常需要显示天气： <iframe width="310" scrolling="no" height="25" frameborder="0" allowtran

Myth丶恋晨/ 2022年08月07日 00:17/ 0 赞/ 162 阅读

相关网页中android Toast效果的实现

将以下代码拷贝到html文件中即可[测试][Link 1] 【转载请注明出处：[http://blog.csdn.net/zjbpku/article/details/774

左手的ㄟ右手/ 2022年06月18日 10:44/ 0 赞/ 206 阅读

相关网页设计站点常用的知识

1.表单的value默认值 <form action=""> <input type="text" class="name" valu

向右看齐/ 2022年06月03日 06:06/ 0 赞/ 177 阅读

相关网页的粒子效果

之前在浏览博客的时候，发现了粒子效果，现在图如下：![SouthEast][] 现把代码贴出来，供大家参考： <!DOCTYPE html> <html> <hea

超、凢脫俗/ 2021年09月14日 15:00/ 0 赞/ 412 阅读