标签:Javascript 第19页

WEB前端

CSS语义化命名及常用命名规则

爱前端网 - Yang 发布于 2014-09-28

CSS语义化命名 从上图我们可以大概看出这里有两种CSS的命名方式:1、结构化命名法;2、语义化命名法。 结构化命名法:根据页面中板块的位置而命名,如上图中的content-left,这时如果我们想把侧边栏sidebar放在左边,那么这时content-left板块却在右边,板块...

阅读(1595)赞 (0)

WEB前端

IE6下png透明问题解决的最佳3种方案

爱前端网 - Yang 发布于 2014-09-21

本来只是一张png透明图片,在IE下是很好解决的,我也尝试了很多种,包括js法,滤镜css法等等,感觉总体来说都不是很完美,而且如果同时使用Sprites方法,就不是那么简单容易的事情了。 最终发现了使用htc方法嵌到css文件中基本可以一次性解决大部分的透明问题。 这种方法已经...

阅读(1406)赞 (0)

WEB前端

8张思维导图学习javascript

8

爱前端网 - Yang 发布于 2014-09-16

学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将po出8张javascript相关的思维导图。 思维导图小tips:思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具。思维导图运用图文并重的技巧,把各级主题的关系用...

阅读(2227)赞 (0)

WEB前端

8款web网站开发中实用 jQuery 效果及源码

8

爱前端网 - Yang 发布于 2014-09-16

jQuery 作为最优秀 JavaScript 库之一,改变了很多人编写 JavaScript 的方式。它简化了 HTML 文档遍历,事件处理,动画和 Ajax 交互,而且有成千上万的成熟 jQuery 插件可供使用。看看下面这些惊人的功能和效果,我相信你会发现一些很有用的东西。...

阅读(1763)赞 (0)

WEB前端

web前端十款经典jquery特效预览及源码下载

10

爱前端网 - Yang 发布于 2014-09-15

1.纯CSS3实现超酷的磁带动画 我们要用纯CSS3来实现一个超酷的磁带动画特效。首先用纯CSS3绘制了一个磁带的外观,还是相当逼真的,然后用CSS3的动画属性实现了磁带的旋转,就像在播放歌曲一样,如果配合HTML5的音频播放功能,就和那个磁带播放器差不多了。 在线演示 源码下载...

阅读(2337)赞 (0)

WEB前端

css与javascript跨浏览器兼容性总结

爱前端网 - Yang 发布于 2014-09-04

本文以大量实例形式总结了css与javascript跨浏览器的兼容性问题。分享给大家供大家参考。具体总结如下: 一、CSS样式兼容性 1. FLOAT闭合(clearing float) 网页在某些浏览器上显示错位很多时候都是因为使用了float浮动而没有真正闭合,这也是div无...

阅读(2130)赞 (0)

WEB前端

web前端的8款不同的jquery特效的源码及预览

8

爱前端网 - Yang 发布于 2014-09-03

1.使用 FocusPoint.js 实现图片的响应式裁剪 通常网站的布局都不是单一的。例如图像在电脑、平板和智能手机上可能显示的形状是不同的。特别是如果你使用的是全屏图像,在你必须使用相同的图像文件的情况下,你的主题可能会被截断或完全缺失,或者看起来很尴尬。 FocusPoin...

阅读(1837)赞 (0)

WEB前端

7款经典炫酷的HTML5/jQuery动画应用示例及源码

7

爱前端网 - Yang 发布于 2014-08-22

jQuery是一款普遍受前端开发者欢迎的Javascript框架,但是开发者貌似更关注jQuery开发的插件,海量的jQuery插件让前端开发者非常方便。HTML5的加入让jQuery这个家族更加丰富多彩,因为利用HTML5,我们可以制作更加绚丽动感的动画特效,HTML5结合jQ...

阅读(3338)赞 (0)

WEB前端

CSS和JS去掉链接虚线框的多种方法

爱前端网 - Yang 发布于 2014-08-21

当我们点击链接后,链接周围会显示一个虚线框,那么怎么去掉这个虚线框呢?其实方法还挺多,用CSS就可以,但使用javaScript似乎也是一个好方法。 1. CSS方式去掉链接虚线框的方法: 在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus=&...

阅读(1588)赞 (0)

WEB前端

15个web前端的美轮美奂的 jQuery 图片特效

15

爱前端网 - Yang 发布于 2014-08-18

jQuery是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择。其中,jQuery 最令人印象深刻的应用之一就是对图片的处理,它可以让帮助你在你的项目中加入各种精美的图片展示效果。下面向大家分享精心挑选的23款优秀 jQuery 图片特效插...

阅读(3425)赞 (0)

WEB前端

10款让你心动的 HTML5 & CSS3 效果

11

爱前端网 - Yang 发布于 2014-08-17

这里集合的这组 HTML5 & CSS3 效果,有的是网站开发中常用的、实用的功能,有的是先进的 Web 技术的应用演示。不管哪一种,这些案例中的技术都值得我们去探究和学习。 1、超炫的 HTML5 粒子效果进度条 我喜欢粒子效果作品,特别是那些能够应用于实际的,例如这个...

阅读(4864)赞 (0)

WEB前端

10款很好用的 jQuery 图片滚动插件

10

爱前端网 - Yang 发布于 2014-08-16

jQuery 作为最流行的 JavaScript 框架,使用简单灵活,同时还有许多优秀的插件可供使用。其中最令人印象深刻的应用之一就是各种很酷的图片效果,它可以让的网站更具吸引力。这里收集了10款很好用的 jQuery 图片滚动插件分享给大家。 1、Nivo Slider 首先推...

阅读(3735)赞 (0)

WEB前端

Web 开发中很实用的10个效果【源码下载】

10

爱前端网 - Yang 发布于 2014-08-15

在工作中,我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的。这篇文章给大家推荐10个在 Web 开发中很有用的效果,记得收藏! 1、超炫的页面切换动画效果 今天我们想与大家分享一组创意的页面切换熊效...

阅读(1755)赞 (0)

WEB前端

6个web前端绚丽时尚的前端3D效果及源码

6

爱前端网 - Yang 发布于 2014-08-14

作为一个前沿的 Web 开发者,对于 HTML5 和 现在流行的3D技术或多或少都有掌握。前几年这些新技术刚萌芽的时候,开发者们已经使用它们来小试牛刀了,如今这些先进技术已经遍地开发,特别是在移动端大显身手。这篇文章挑选了6个前沿的绚丽的3D展示效果,希望对你有所帮助。 1.3D...

阅读(2024)赞 (0)

WEB前端

10款基于jquery的web前端特效及源码下载

8

爱前端网 - Yang 发布于 2014-08-10

1.jQuery时间轴插件:jQuery Timelinr 这是一款可用于展示历史和计划的时间轴插件,尤其比较适合一些网站展示发展历程、大事件等场景。该插件基于jQuery,可以滑动切换、水平和垂直滚动、支持键盘方向键。经过扩展后可以支持鼠标滚轮事件。 在线演示一 在线演示二 在...

阅读(2407)赞 (0)

WEB前端

10款经典的web前端特效的预览及源码

3

爱前端网 - Yang 发布于 2014-08-07

1.CSS3响应式导航菜单 今天我给大家介绍一下如何使用纯CSS来实现的一个响应式导航菜单,我们使用的是HTML5+CSS3技术,当浏览器窗口变小或者使用手机浏览器访问的时候,原本横条菜单会收缩成一个下拉菜单,当鼠标滑向菜单时下拉展示全部菜单。此方法可以应用到有特别多的链接菜单项...

阅读(5595)赞 (1)

WEB前端

web前端基于jquery的十种精美的效果与源码

3

爱前端网 - Yang 发布于 2014-08-06

1.jQuery圆形统计图(百分比) 今天我给大家介绍一款圆形统计图circliful,它基于HTML5的画布和jQuery,无需使用图像轻松实现圆形统计图,而且有很多属性设置,使用起来非常方便。 在线演示 源码下载 2.jQuery年月日(生日)选择器 我们在编辑用户资料时经常...

阅读(2493)赞 (0)