jQuery鼠标滑过横向时间轴效果

jQuery鼠标滑过横向时间轴效果---效果图: jQuery鼠标滑过横向时间轴效果---全部代码: <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <…

/******* 表格效果 ********/ $("#gird_tbl tbody tr").live('mouseover', function () { $(this).addClass('c-grid-row-over'); }).live('mouseout', function () { $(this).removeClass('c-grid-row-over'); }).live('click', function () { $('.c-grid-row-selected…

Asp.net+jquery+ajaxpro异步仿Facebook纵向时间轴效果

Asp.net+jquery+ajaxpro异步仿Facebook纵向时间轴效果在一个项目中,用到了时间轴展示产品的开发进度,为了更好用户体验,想到了Facebook的timeline效果, 搜了一下,找到了这个效果.结合asp.net和ajax异步加载数据. 先上效果图: 该效果使用了jquery. jQuery Masonry 插件.大家可以自由发挥,再加上滚动加载效果就更好了. 参考这篇文章:[用 jQuery Masonry 插件创建瀑布流式的页面] Demo萌点这里:百度网盘下载…

JS时间轴效果(类似于qq空间时间轴效果)

在上一家公司写了一个时间轴效果,今天整理了下,感觉有必要写一篇博客出来给大家分享分享当然代码还有很多不足的地方,希望大家多指点指点下,此效果类似于QQ空间或者人人网空间时间轴效果,当时也是为了需求研究了下qq空间逻辑(当然JS代码压缩了肯定看不到的),只是当时研究了下他们HTML结构和css结构,所以仿照他们那种逻辑自己也写了一个出来.先来看看是个什么样的吧!如下图所示: 需求分析:左侧是一个时间列表右侧是一个时间控制抽,当时的需求是这样的:默认页面一打开只加载当前年份所有列表加载出来…

CSS3实现时间轴效果

原文:CSS3实现时间轴效果最近打开电脑就能看到极客学院什么新用户vip免费一个月,就进去看看咯,这里就不说它的课程怎么滴了,里面实战路径图页面看到了这个效果: 有点像时间轴的赶脚,而且每一块鼠标悬浮上去也有下拉效果展开介绍截图信息,就感觉效果还不错.但感觉这种效果貌似对于动态添加不是很灵活,因为高度不像宽度可以灵活的自适应,故添加得自己一个一个设置.所以很多都是做成展示效果. 当然啦,自己也基于它的这个想法搞了一点简单点的类似效果,主要还是整个布局效果,具体每一块内容就不仿造了,而且我自己也…

JQuery鼠标移到小图显示大图效果的方法

JQuery鼠标移到小图显示大图效果的方法本文实例讲述了JQuery鼠标移到小图显示大图效果的方法.分享给大家供大家参考.具体分析如下: 这里的显示大图功能类似上一篇<JQuery实现超链接鼠标提示效果的方法>,稍微修改一下代码,就可以做出一个图片的提示效果. 参考前面的超链接提示效果的代码,只需要将创建的div元素的代码改为: ? 1 2 3 //创建 div 元素图片提示 var tooltip = "<div id="tooltip"><…

js实现的时间轴效果

今天整理以前的资料发现以前写的一个时间轴效果,当时也是网上找了很久没有找到,就自己写了一个,现在发出来给有需要的人,代码写的可能有点乱. 效果图: 下面是美工做的设计图的效果(有个美工就是好): 下面是客户端源代码: <html> <head> <style type="text/css"> #container { font-size: 12px; background-color: #ffffff; border: 1px solid #cccc…

jquery鼠标滑过提示title具体实现代码

jquery鼠标滑过提示title的实现代码. 如下: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript"> $(function(){ var x=20; var y=0; $(&…

使用ExpandableListView时间轴效果达到

不废话,首先在地图上,查看结果这是用ExpandableListView来实现时间轴效果,原理比較简单,以月份为第一级,以天为第二级来实现的. package com.hj.main; import java.util.ArrayList; import java.util.List; import android.app.Activity; import android.content.Context; import android.os.Bundle; import android.uti…

Android实训案例(三)——实现时间轴效果的ListView,加入本地存储，实现恋爱日记的效果！

Android实训案例(三)--实现时间轴效果的ListView,加入本地存储,实现恋爱日记的效果! 感叹离春节将至,也同时感叹时间不等人,一年又一年,可是我依然是android道路上的小菜鸟,这篇讲的是时间轴的实现,说实话,其实就是listview的偷梁换柱,本来我会在写listview这个系列的时候写的,但是最近自己写的一个项目<Only>上用到了,很多群友说也想看看怎么实现的,独乐乐不如众乐乐,所以就提前先来分享,说说listview,这可是一个名角,在android上很受欢迎,也很实用…