jQ版大图滚动

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>jQ版大图滚动</title> <style> *{margin: 0; padding: 0; list-style: none; -webkit-user-select: none;} /*-webkit-user-select: none;取消频繁点击下,文字和图片选中态,每…

一个jQ版大图滚动

难得周末能休息,也是越发的代码难受,手就想敲点东西,这不闲着无聊敲了一个Jq版的大图滚动,不足之处大家批评指正: 运作环境win7,代码编辑器是:sublime; 我把源码复制了一下, <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{margi…

微博发布效果jq版

大家都看过新浪微博的发状态功能,我模拟了一下类似的效果,包括发布时间,删除效果等.代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>微博发布jq版</title> <meta name="Keywords" content=""> <meta name="Descri…

基于jQ+CSS3页面滚动内容元素动画特效

今天给大家分享一款基于jQ+CSS3页面滚动内容元素动画特效.这是一款基于jQuery+CSS3实现的页面滚动代码.该实例适用于适用浏览器:360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 不支持IE8及以下浏览器. 在线预览源码下载实现的代码. html代码: <div class="htmleaf-container"> <div class="container"> <h2 class…

轮播图js版&jQ版

JS版轮播图 html部分和css部分自己任意定主要构成: 1,一个固定的框超出框的部分隐藏 2,几张图片float:left 3,下部下原点,点击切换,切换到不同的张都有红色显示 4,左右两个大箭头按钮 JS代码找到节点添加事件用原点的下标来切换图片鼠标放在框上关闭定时器,不在框上开启定时器自动播放到此就算结束了,但是有bug, 会不停的切换下去,全白也会不停切换不,所以让下标等于最后的时候等于一就可以循环播放了 JQ版 html部分 css部分用的是css3 有一个新功能是…

JQ封装切换滚动功能

/*---------控制滚动图片v1(作者:SFLYQ)-----------Options 配置对象,(用来配置控制元素的dom位置,初始化一些必要的对象或者方法)DoIni 初始化操作(初始化元素的jq对象,以及事件绑定等)DoMove 控制图片现在模块的移动(控制的方向又用户传入)BindMoveItem根据dom位置,绑定这个元素为初始化选中,并显示在第一个,*/效果地址:http://pro9505d48a.isitestar.cn/ 代码下载地址:https://github.co…

jquery版楼层滚动特效

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>楼层滚动特效</title> </head> <script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></scri…

jq 版的tab切换

ta切换是在前端中非常常见的一种效果,网上的效果很多.但是我觉得下面这种方法最好,把tab效果封装成一个函数 tabs,这个函数要配合jq使用. var tabs = function (tab, con) { tab.click(function () { var index = tab.index(this); tab.removeClass('active'); $(this).addClass('active'); con.hide(); con.eq(index).show(); })…

PC版模块滚动不显示滚动条效果

以前对某个模块增加无滚动条的滚动效果,还需要找个插件才能实现,现在发现个简单方法,用普通的CSS就可以实现. 此方法只适用于不显示滚动条的滚动效果,如果需要自定义滚动条样式,还是需要插件来实现. HTML: <div class="sidebar"> <div class="sidebar-bd"> 内容 </div> </div> CSS: .sidebar{ width: 50px; position: fixed…

jq封装-无缝滚动效果

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>无缝滚动</title> <style> *{ margin:0; padding: 0; } .outer{ position: relative; margin:30px auto; border:1px solid #ccc; border…

fullpage.js jq全屏滚动插件

fullPage.js和fullPage都能实现全屏滚动,二者区别是:fullPage.js需依赖于JQuery库,而fullPage不需要依赖任何一个js库,可以单独使用. (代码演示效果并且可以下载查看http://www.dowebok.com/77.html) 一.fullPage.js实现全屏 fullPage.js是开源的JQuery插件库,其Github地址:https://github.com/alvarotrigo/fullPage.js 1.基本演示 1.1 引入文件 <!-…

jq PC做滚动效果经常用到的各类参数【可视区判断】

获取浏览器显示区域 (可视区域)的高度 : $(window).height(); 获取浏览器显示区域(可视区域)的宽度 : $(window).width(); 获取页面的文档高度: $(document).height(); 获取页面的文档宽度 : $(document).width(); 浏览器当前窗口文档body的高度: $(document.body).height(); 浏览器当前窗口文档body的宽度: $(document.body).width(); 获取滚…

JavaScript-table+大图滚动

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ margin: 0; padding: 0; } .wrap{ width: 510px; margin: 0 auto; overflo…

jq向上无缝滚动

<div class="Top_Record"> <div class="record_Top"><p>摇奖排行榜</p></div> <div class="topRec_List"> <dl> <dd>编号</dd> <dd>姓…

事件委托小demo(jq版)

vue版文字滚动

用法:<marque :text="bannerText"></marque> 下载…

jq版轮播图

html部分 <div class="banner"> <ul class="img"> <li><img src="login_bj1.jpg" alt=""/></li> <li><img src="login_bj1.jpg" alt="" /></li> <li><i…

jq 判断鼠标滚动上下

$(document).on("mousewheel DOMMouseScroll", function (e) { var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie (e.originalEvent.detail && (e.originalEvent.detail > 0 ?…

轮播图jq版

轮播图的需求 1:图片自己轮播,并且下面的tabs小图标跟着显示 2.鼠标hover到tabs上面显示对应的图片 3.点击左右按钮,显示下一张图片. <div id="oLunbo"> <div id="imgs"> <img src="/images/1.jpg" /> <img src="/images/2.jpg" /> <img src="/images/…

jq判断上下滚动

$(document).ready(function(){ var p=0,t=0; $(window).scroll(function(e){ p = $(this).scrollTop(); if(t<=p){ //下滚 }else{ //上滚 } t = p; //更新上一次scrollTop的值 }) })…

DIV+CSS图片不间断滚动jquery特效(Marquee插件)及移动标签marquee整理

推荐一个jQuery的无缝文字滚动效果,同时也可以滚动图片,也叫做跑马灯效果. 此jquery插件,依托jquery库,能实现各种滚动效果,且让HTML代码符合W3C标准. marquee标签:创建一个滚动的文本字幕,应用于文字.图片.表格. DIV+CSS图片不间断滚动jquery特效,横向不间断不停滚动CSS特效,使用JQ+DIV实现非常实用简单兼容各大浏览器的图片不间断滚动特效(CSS+JQ不间断滚动图片). 使用方法如下: 1.加载JavaScript. <script type="…

封装jQuery插件的步骤

引语:jQuery提供了很多插件,我们在开发的过程使用插件能节省时间简化开发也避免从头开始编写每个组件,单我们除了懂得使用别人已编写好的插件以外,也到懂得如何封装属于我们自己的插件,以下就是封装jQuery插件的步骤,以放大镜效果为例. 附效果文件:下载 1.导入素材,已经封装成jQ版的放大镜 <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档&…

我的Android进阶之旅------>经典的大牛博客推荐（排名不分先后）！！

本文来自:http://blog.csdn.net/ouyang_peng/article/details/11358405 今天看到一篇文章,收藏了很多大牛的博客,在这里分享一下谦虚的天下柳志超博客 Android中文Wiki AndroidStudio-NDK开发-移动开发团队谦虚的天下 - 博客园gundumw100博客 - android进阶分类文章列表 - ITeye技术网站CSDN博文精选:Android系列开发博客资源汇总 - CSDN.NET - CSDN资讯Android笔…

javascript开源大全

javascript开源大全 Ajax框架-jQuery 可视化HTML编辑器-CKEditor 国产jQuery-UI框架-(jUI)-DWZ 网页开发FireFox插件-Firebug 服务器端的JavaScript脚本-Node.js jQuery图表插件-jQchart HTML5-开发框架-jQuery-Mobile 跨浏览器的RIA框架-ExtJS Flash视频播放器-JW-PLAYER jQuery表单插件-jQuery.form jQuery-File-Upload 可视化HT…