网页中常用的效果

Myth丶恋晨 2022-08-07 00:17 122阅读 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 条评论，122人围观）

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

相关阅读

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

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

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

相关网页style常用的属性

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

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

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

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

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

相关网页中常用的效果

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

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

相关常用的4种动态网页技术

1. [常用的4种动态网页技术][4] 1.1. CGI CGI（Common Gateway Interface，公用网关接口）是较早用来建立动态网页的技术。

淡淡的烟草味﹌/ 2022年07月29日 11:50/ 0 赞/ 129 阅读

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

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

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

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

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

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

相关常用的网页加载进度条

关于进度条的图片，有几个专门的网站可以下载 [https://icons8.com/preloaders/][https_icons8.com_preloaders]，

爱被打了一巴掌/ 2022年05月10日 22:04/ 0 赞/ 416 阅读

相关网页的粒子效果

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

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

相关 55个常用的JavaScript网页脚本

1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border οncοntextmen

怼烎@/ 2021年09月12日 01:56/ 0 赞/ 187 阅读