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

相关搜索 >> 效果

  • 0926html页面内容的收缩和展开效果 px / rem 默认显示两行或更多阅读(8934)条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 点击后水波纹扩散效果 兼容移动端阅读(17513)条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 合并同一个表两次查询的结果，实现置顶效果阅读(10906)条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选项卡效果（附源代码下载）阅读(11115)条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菜单当前效果及鼠标指向效果阅读(6120)条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无锚标记平滑滚动效果，易用阅读(6472)条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让网站的图片变成灰色效果兼容所有主浏览器阅读(10540)条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效果阅读(6284)条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动画效果阅读(6897)条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实现面包屑效果阅读(7967)条2013/12/23 11:53:39

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

    Taget：css 面包屑 特效 

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

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

    Taget：css2 气泡 特效 

  • 121210个实用的 CSS3 按钮效果制作教程阅读(6682)条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

友情链接更多>>

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

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