首页小程序CssJsphotoshophtml5seonet设计教程学习前端在线转换工具联系我

相关搜索 >> 效果

  • 1204js图片未加载完显示loading效果阅读(25771)条2013/12/4 16:45:29

    为了图片有个友好的显示效果,未加载之前显示loading，加载完成才显示图片，如果找不到图片则显示加载失败failed。效果图如下：<html><title>js图片未加载完显示loading效果</title><body><style>img{float:left;width:200px;height:200px;margin:0 10px 10px 0}</style><script>//判断浏览器var Browser=new Object();Browser.userAgent=window.navigator.userAgent.toLowerCase();Browser....阅读全文

    Taget：js 图片 loading 

  • 0724jquery文本框默认文字点击消失的效果阅读(14884)条2013/7/24 9:22:33

    今天介绍的是一款挺实用的jQuery特效，应用于表单上十分人性化，jquery文本框默认文字点击消失的效果，当用户点击表单的时候，显示在文本框内的提示文字即刻消失，不点击的时候重新出现，目前这种功能应用也十分广泛。附代码(底部)。效果一：聚焦时提示语消失效果二：输入时提示语消失代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd...阅读全文

    Taget：jq 文本 特效 

  • 0514使用CSS3为社会化图标添加动画效果阅读(7243)条2013/5/14 10:52:08

    很多博客和网站为了更好和阅读者沟通都会添加一些社会化图标，本篇文章将介绍如何使用CSS3 translation属性为社会化图标添加一些简单的动画效果，教程中一共提供了四种不同的动画效果。（底部附完整实例代码） 浏览器支持：Firefox 4.0+  Safari3.1+  Opera10.5+  Chrome4.0+  IE10四种效果分别使用了transform的：rotate, scale, translate来实现，三种可以单独使用也可以随意搭配。rotate接受一个参数定义旋转的...阅读全文

    Taget：CSS3 社交 图标 

  • 0428js字体库用canvas绘制效果阅读(9079)条2013/4/28 11:20:19

    前几天看到有个英文网站的字体非常漂亮，所以查看了下源代码发现原来是用JS 写的而且支持a:hover事件可以改变颜色图片中例1就是hover效果。然后我就把字体下载下来研究。（可惜的是不支持中文。但支持英文也已经很不错了。看到那么美的字体，想像下自己写的东西全部换成英文就有这么漂亮了。）当然你的浏览器必须支持canvas，也就是说要支持THML5。我看了下代码其实是将英文字体转化成JS编码，而且编码主要是每个字母的画法，字体大小是根据页面...阅读全文

    Taget：js canvas html5 字体 

  • 1203CSS ::selection选中文字后的效果阅读(7942)条2012/12/3 14:06:00

    如何选择文本时，背景是红色，而文本是白色的问题，其实是用CSS样式控制的。效果图如下所示：::selection -- CSS ::selection 伪元素，定义用户鼠标已选择内容的样式。下面介绍一下selection对浏览器的兼容情况：CSS E::selection 伪元素浏览器兼容性选择符IE6IE7IE8IE9FFCHOPSAE::selectionnononoyesyesyesyesyes 或许大家对这样的实现并不陌生，可是有很多童鞋可能跟我一样，并不知道是如何实现，因为在默认情况下，选择网站文本都是深蓝...阅读全文

    Taget：css 选中字体 特效 

  • 0821js图片多功能切换效果阅读(6873)条2012/8/21 9:59:03

    记得以前只会用IE里面的图片切换特效，后台由于接触到不同的浏览器发现，原来只有IE支持。现在终于有了个支持所有浏览器的图片切换特效。让我们开始吧js图片多功能切换效果,实例特效中有（百页窗，屏幕中间向两边变化，左上角往右下角变化，方格变化）链接与图片是分开的，其实此特效图片只是用来作为背景，然后不停地切换，而且b的class作为链接b的内容作为title也是不停的切换。这样大家使用起来比较方法！代码如下: <a href="#1&...阅读全文

    Taget：js 图片切换 特效 

  • 0926js图片鼠标移上去的波动效果阅读(8517)条2011/9/26 11:26:28

     当鼠标移动到图片上时，图片有上下波动的效果。感觉还不错，大家可以运行下看效果！其实主要是运用了position以及top的CSS改变来让图片产生动画效果。好了贴代码了！<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Co...阅读全文

    Taget：特效 图片 抖动 鼠标 

  • 0902js+iframe加载效果完成后才显示内容阅读(17437)条2011/9/2 14:44:58

    最近做因为有需要做iframe加载效果。就写了一个。感觉效果还行。主要是iframe加载完后才显示内容(兼容IE/FF/Safari )！下面我就把代码贴给大家看了！欢迎提出你宝贵的意见。<html><head><meta http-equiv="content-Type" content="text/html;charset=gb2312"><style type="text/css"><!--*{margin:0;padding:0;}.ifr_div{width:600px;height:600px; position:relative;}.ifr_div img{ vertical-align:middle;...阅读全文

    Taget：iframe 加载效果 代码 

  • 0723JS最简单的弹出窗口效果阅读(18314)条2011/7/23 10:05:30

    因为看了很多人在找这弹出窗口效果，又不想太复杂所以把我写过的在这里分享给大家！(添加了渐显背景效果)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312&q...阅读全文

    Taget：遮罩层 弹出窗口 js 

  • 0704分享几种超漂亮的JS烟花阅读(9390)条2011/7/4 14:36:24

    今天看到蓝色理想有几个哥们都发了自己写的烟花效果，弄的心里痒痒，自己也想写一个出来玩，结果把IE写死好几次，还是放弃了，这里转几个别人写的效果上来分享!<script type="text/javascript">var fireworks = function(){ this.size = 20; this.rise();}fireworks.prototype = { color:function(){  var c = ['0','3','6','9','c','f'];&n...阅读全文

    Taget：js烟花 分享 效果 

当前第  2  页 / 共  2  页  总共22条记录  

12

友情链接更多>>

九江讯城建设工程有限公司

copyright ©2008-ok22.org - ALL RIGHTS RESERUED -TEMPLATE CREATED BY CHARRY-may 3,2010 粤ICP备13053249号-1