相关搜索 >> 效果

  • 0926html页面内容的收缩和展开效果 px / rem 默认显示两行或更多阅读(9374)条2018/9/26 10:40:08

    一、概述:html页面内容的收缩和展开效果, 默认显示两行内容,点击进看全文,显示全部。(效果如下图:)二、源代码如下:<!DOCTYPE html><html><head><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta http-equiv="content-type" content="text/html;charset=utf-8"><title>px / rem 默认显示两行内容 点击进看全文 显示全部</title&...阅读全文

    Taget:jq 技巧 

  • 0615html5+ js +css3 点击后水波纹扩散效果 兼容移动端阅读(17956)条2017/6/15 15:00:48

    一、概述:其实很早就看到过点击后水波纹扩散效果这种了,APP中比较常见,所以今天特意找了一些资料然后做成DEMO分享给大家,让大家更容易的学到并运用到实际项目中去。实例效果如下: 现在 新版 chrome 59.0 PC端 在【设置】中很多操作按钮已经有这个效,果如下:二、实现原理:1、超出按钮隐藏;2、里面新增加标签模拟圆;3、用JS控制圆的宽度及坐标;4、关键是css3样式控制从小到大逐渐透明的动画。三、源代码:(兼容移动端)预览地址:http://www.8...阅读全文

    Taget:特效 移动端 demo 

  • 0518ACCESS 使用UNION All 合并同一个表两次查询的结果,实现置顶效果阅读(11219)条2017/5/18 10:11:58

    一、概述:其实今天的实例是一个类似于新闻置顶的sql查询,因为置顶的需要在前面,没置顶的自然就往后排。有些情况可以适当的参考。 二、针对网络提出问题并解答:数据库表:pro_typeidpname1001服装2001水果3001药品4001海鲜 1、问题:产品 【水果】的类型id是:2001,如何把水果排在第一位其它不变?(效果如下)idpname2001水果1001服装3001药品4001海鲜 2、Access sql实现代码如下(sql server 未做试验):select * from (SELECT * F...阅读全文

    Taget:access sql 合并 实例 

  • 1112jquery左右滚动的tab选项卡效果(附源代码下载)阅读(11531)条2016/11/12 10:36:51

    一、概述:以前写过一篇tab选项卡效果[前端设计js+Tab切换可关闭+添加并自动判断是否已打开自动切换当前状态],现在看来这种功能是可以但是不适合太多的菜单。所以今天就为了故意补上这一篇之《jquery左右滚动的tab选项卡效果》页面底部附下载地址,当然如果你使用esayui也可以实现那种效果,但是感觉太庞大了,整个框架使用很不方便。 效果图下图所未:demo 地址:http://www.86y.org/demo/tab_scroll/二、使用说明:1、调用tab窗口方法clas...阅读全文

    Taget:tab 选项卡 滚动 下载 

  • 1016超酷的menu菜单当前效果及鼠标指向效果阅读(6468)条2015/10/16 17:23:15

    本实例效果是由jQuery实现的超牛的背景移动导航菜单效果,菜单效果设计非常沉稳大方,鼠标悬停时菜单项高亮显示。难点在一个要选中为当前效果同时指向子菜单时又不失去当前效果。本实例效果图如下:源代码如下:<!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"><...阅读全文

    Taget:菜单 特效 js 

  • 0506jq无锚标记平滑滚动效果,易用阅读(6742)条2015/5/6 21:05:20

    今天看到有个效果需要做一个菜单项,点击后平滑滚动到指定位置,以前是用锚标记直接就可以做到了,但是平滑就要复杂点。所以今天用JQ做了一个不错的效果给大家。效果如图:核心代码:$("html,body").animate({scrollTop: $("#box").offset().top}, 1000);改成自己实用的效果才是最重要的,源代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1...阅读全文

    Taget:jq 滚动 平滑 

  • 0318让网站的图片变成灰色效果兼容所有主浏览器阅读(10863)条2014/3/18 14:25:15

    以前有写过用 【HTML5&jQuery指向时图片从灰度变成彩色】 的文章,不兼容跨域的网站图片,所以今天看到有篇文章支持多浏览器图片变灰度的效果。就把上一篇文章改进一下。希望在前端努力的朋友可以借鉴一下。兼容:兼容Firefox 3.5+, Opera 15+, Safari, Chrome, and IE。效果图如下:(因为本人虚拟机不支持SVG文件的打开,所以只能你自已手动复制内容到本地运行!)  源代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTM...阅读全文

    Taget:css 灰色 图片 

  • 0313jq仿虾米网flash效果阅读(6596)条2014/3/13 10:05:36

    这是很久以前写的一个效果了,之前虾米音乐网首页的一个flash效果,最初觉得这flash效果也可以完全用jq来写,于是空余时间就写了下当作练习吧,现在就拿出来跟大家分享下其中的实现原理!先上最终效果图:特点:1、鼠标经过动态创建元素2、判断鼠标经过每行的最后二个改变方向完整代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&qu...阅读全文

    Taget:jq 图片 特效 

  • 0104CSS3实现超炫的Loading动画效果阅读(7188)条2014/1/4 9:22:53

    SpinKit 是一套网页动画效果,包含8种基于 CSS3 实现的很炫的加载动画。借助 CSS3 Animation 的强大功能来创建平滑,易于定制的动画。SpinKit 的目标不是提供一个每个浏览器都兼容的解决方案,而是给现代浏览器提供更优的技术实现方案和更佳的使用体验。(为保证最佳的效果,请在 Chrome、Firefox 和 Safari 等现代浏览器中浏览)    Loading 动画效果一 div { background-color: #67CF22; height: 100%; width:...阅读全文

    Taget:css3 动画 

  • 1223css2.0实现面包屑效果阅读(8225)条2013/12/23 11:53:39

    面包屑这样的 我们以前都是用背景图片做这块工作,但是直到大概2个星期之前在新浪微博上看到用css3.0实现这样的面包屑 但是目前情况下IE6-8并不支持css3.0 只有标准游览器(像火狐 谷歌等支持)。由于有前一次总结一篇关于"CSS实现气泡框效果" 的文章 其中有关于怎么样实现小三角形的列子  所以感觉用那个小三角形可以正好模拟这块工作,所以也就试着做了一个。下面我们来看看面包屑大概是个什么样的效果!如下图:如上所示...阅读全文

    Taget:css 面包屑 特效 

  • 1223css2.0实现气泡框效果阅读(6628)条2013/12/23 11:07:44

    前提:气泡框或者提示框是网页很常见的,实现它的方式有很多,我们以前最常用的就是切图片 然后通过 "定位" 方式 定位到相应的位置,但是用这种方式维护很麻烦,比如设计师想改成另外一种或者另外一种颜色 那我们只有再次切图片等。下面我们来学习下使用html+css来实现这种效果!如下效果:   and  我们可以来分析下:要实现这种效果 无外乎就是一个矩形和一个小三角形 然后三角形定位上去就可以了,那么我们怎么样...阅读全文

    Taget:css2 气泡 特效 

  • 121210个实用的 CSS3 按钮效果制作教程阅读(7038)条2013/12/12 15:03:41

    人们往往喜欢那些有更多互动元素的网站,因此现在很多设计师专注于他们的 CSS3 技能。这是因为 CSS3 技能可以帮助他们在很大的程度上实现所需的吸引力。这里分享的10个优秀的 CSS3 按钮效果制作教程,你可以学习这些技术并使用它们为您的作品创造更多的乐趣。CSS3 Buttons( 在线演示 | 立即下载 ) Zardi Pack of CSS3 Buttons( 在线演示 | 立即下载 ) Download Me!( 在线演示&n...阅读全文

    Taget:css3 按钮 教程 

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

12