zoukankan      html  css  js  c++  java
  • 10款精美的web前端源码的特效

    1.HTML5侧滑聊天面板 很酷的聊天界面

    这是一款基于HTML5和SVG的侧滑聊天面板,初始化的时候聊天面板是锁定的,当你拖动白色区域时,即可解锁展开聊天面板,显示所有好友。点击面板中的好友即可切换到聊天模式。无论界面美化还是动画特效,这款HTML5聊天面板都非常不错,当然具体的聊天功能仍需你自己实现。

    10款精美的web前端源码的特效 - 爱七七五八网 - 1

    在线演示

    源码下载

    2.jQuery 美化界面的下拉框

    之前我们介绍过一款基于jQuery多级联动美化版Select下拉框,很多朋友都非常喜欢,可见经过美化过的下拉框的确可以让你的网页更为精妙。今天我们要介绍的这款美化界面下拉框也是基于jQuery的,它的特点是可以通过上下箭头微调选择,也可以通过点击控件展开下拉菜单。

    10款精美的web前端源码的特效 - 爱七七五八网 - 2

    在线演示

    源码下载

    3.CSS3文字菜单鼠标悬停气泡提示动画

    之前我们介绍过一些基于jQuery和CSS3的气泡提示框,大家可以看看CSS气泡提示框 可自定义配置箭头。今天要给大家带来另外一款基于CSS3的文字菜单鼠标悬停气泡提示动画,它比较适合用在文字菜单上,当鼠标滑过菜单项时,你可以定义其弹出一个气泡提示框,可以是一个小图标。另外,这些气泡提示框在弹出的时候还会配合一定的动画特效。

    10款精美的web前端源码的特效 - 爱七七五八网 - 3

    在线演示

    源码下载

    4.jQuery 3D 垂直多级菜单 可筛选菜单项

    关于垂直多级菜单,之前我们已经有分享很多了,大家可以看看jQuery多层级垂直手风琴菜单、CSS3垂直手风琴折叠菜单等,都非常不错。这次要介绍的这款也是手风琴样式的垂直多级菜单,其特点是利用CSS3特性让菜单外观显得3D立体的效果,同时你也可以在搜索框中输入关键字来筛选菜单项。

    10款精美的web前端源码的特效 - 爱七七五八网 - 4

    在线演示

    源码下载

    5.jQuery 实现仿 Win 7 弹出窗口

    这是一款基于jQuery的仿Win 7风格的弹出窗口,关于弹出窗口我们在之前已经分享过不少了,比如这款jQuery对话框插件 支持拖拽,也支持各种类型的弹出对话框。今天分享的这款win 7风格窗口模拟效果非常逼真,支持最大化最小化和关闭功能,同时也支持拖拽。

    10款精美的web前端源码的特效 - 爱七七五八网 - 5

    在线演示

    源码下载

    6.jQuery UI 自定义样式的日历控件

    今天要给大家带来一款基于jQuery UI的日历控件,这款日历控件的样式是通过自定义过的,显得比较简单轻便。日历可以通过按钮对年份和月份进行前翻和后翻,功能没有那么复杂,可能对一些简单的博客中可以使用这个日历。

    10款精美的web前端源码的特效 - 爱七七五八网 - 6

    在线演示

    源码下载

    7.BookBlock – 效果真实的书本翻页预览

    这个名为 BookBlock 的图片预览效果是一个书展示或网上书店的概念,已全屏打开3D页面导航网格的形式显示图书的详细信息。我们可以打开书预览的摘录,其中有一些细节的网格。对于图书预览,我们在使用 BookBlock 全屏展示,对于更小的书本我们使用3D的方式打开。

    10款精美的web前端源码的特效 - 爱七七五八网 - 7

    在线演示

    源码下载

    8.Rainyday.js – JavaScript 实现雨滴效果

    Rainyday.js 背后的想法是创建一个 JavaScript 库,利用 HTML5 Canvas 渲染一个雨滴落在玻璃表面的动画。Rainyday.js 有功能可扩展的 API,例如碰撞检测和易于扩展自己的不同的动画组件的实现。它是一个使用 HTML5 特性纯 JavaScript 库,支持大部分现代浏览器。

    10款精美的web前端源码的特效 - 爱七七五八网 - 8

    在线演示

    源码下载

    9.SVG Drawing Animation – SVG 绘制动画

    一个小实验,探索 SVG 线图动画的使用情况,以前沿的展示形式呈现图形或网站元素的外观,模拟它们的加载。SVG 真的很强大,有许多创造性和可能性,使用 SVG 可以制作各种有趣的网站交互效果。今天这篇文章给大家想分享一组实验 SVG 绘制动画的例子。

    10款精美的web前端源码的特效 - 爱七七五八网 - 9

    在线演示

    源码下载

    10.5种风格的 jQuery 分页效果

    jPaginate 是一款非常精致的 jQuery 分页插件,提供了五种不同风格的分页效果,支持鼠标悬停翻页,快速分页功能。这款插件还提供了丰富的配置选项,你可以根据需要进行设置。

    10款精美的web前端源码的特效 - 爱七七五八网 - 10

    在线演示

    源码下载

    本文固定链接: http://www.i7758.com/archives/2234.html

  • 相关阅读:
    HDU-1272-小希的迷宫(并查集)
    HDU-1084-What Is Your Grade?
    一个好的函数(gcd)求最小公约数
    HDU-1228-A + B
    HDU-1029-Ignatius and the Princess IV
    自控力》读后感·一
    HDU-2058-The sum problem(数学题技巧型)
    HDU-1430-素数回文
    sftp
    802. 区间和
  • 原文地址:https://www.cnblogs.com/i7758/p/4825269.html
Copyright © 2011-2022 走看看