function 切换

toggle的用法（点击更换不同的function）当指定元素被点击时，在两个或多个函数之间轮流切换。

一,用法 <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").toggle(function(){ $("

网页中tab标签切换分别用jquery和javascript源码实现

//HTML布局<ul id="tabTitle"> <li class="active">HTML5</li> <li>PHP</li> <li>Java</li> </ul> <div id="div1" style="display: block"> HTML5 </div> <div id=&q

Tab 菜单切换

网站横幅切换jquery 插件

最近做一个web项目,站点首页需要像百度统计页面类似的切换横幅,有兴趣的可以先看看它的效果,这样就比较容易理解为什么我单独做个插件.其实类似的 jquery 插件网上类似的多的去了,随便网上下了两做了个demo 演示一下,效果不错吗!:) 我是在全屏的状态下看的,效果还行,当把屏幕切小之后问题就出来了,屏幕小了之后图片的后面部分显示不出来了,本来的效果应该是如果屏幕小了应该把图片两边不重要的部分隐藏掉,但是由于网上的插件都是直接生成的 img 元素,我的网站页面body元素固定宽度,居中的

html5 导航栏切换效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>学堂授课</title> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1

jquery隐藏侧边栏和折叠侧边栏方法

两种效果如下所示: 隐藏侧边栏: 折叠侧边栏: 下面,分享隐藏侧边栏实现方法: 实现思路:给body切换class,通过class控制侧边栏和主体部分left 来实现效果 html部分: <div class="sidebar">侧边栏</div> <div class="main">主体部分</div> css部分: .sidebar{background: #333645;width: 200px; positio

webpack练手项目之easySlide（三）：commonChunks（转）

Hello,大家好. 在之前两篇文章中: webpack练手项目之easySlide(一):初探webpack webpack练手项目之easySlide(二):代码分割与大家分享了webpack的基本使用方法,以及使用webpack对代码进行分割,根据需求进行异步加载. 今天我们继续为大家介绍webpack的其他应用方法,主要包括common chunks以及web-dev-server. 1.Demo与Code 在实际的项目开发过程中,我们的项目中会有很多公共的部分,比如一些第三方的组件,

webpack练手项目之easySlide（一）：初探webpack （转）

最近在学习webpack,正好拿了之前做的一个小组件,图片轮播来做了下练手,让我们一起来初步感受下webpack的神奇魅力. webpack是一个前端的打包管理工具,大家可以前往:http://webpack.github.io/ 作详细了解.相对于之前的前端模块打包工具, 个人认为webpack至少拥有以下值得我们拿来一用的优点: js/css/img/html等等都是静态资源,都可以通过webpack进行打包处理所有资源都可以按需加载,避免了之前的加载器把所有资源打包在一个文件,导

通过百度echarts实现数据图表展示功能

现在我们在工作中,在开发中都会或多或少的用到图表统计数据显示给用户.通过图表可以很直观的,直接的将数据呈现出来.这里我就介绍说一下利用百度开源的echarts图表技术实现的具体功能. 1.对于不太理解echarts是个怎样技术的开发者来说,可以到echarts官网进行学习了解,官网有详细的API文档和实例供大家参考学习. 2.以下是我在工作中实现整理出来的实例源码: 公用的支持js文件 echarts.js.echarts.min.js,还有其他的图表需要支持的js文件也可以到官网下载 echa

原生js实现tab选项卡里内嵌图片滚动特效代码

<!DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title>原生js实现tab选项卡里内嵌图片滚动特效代码</title><meta name="keywords" content="原生js实现tab选项卡里内嵌图片滚动特效代码" /><meta name=&

ASP.NET MVC4 + Highcharts生成报表

//后端 public ActionResult TighteningReport(BReportTighteningReportModel model, string rate, string weekTime, string weekEnd, string month) { TempData["Tmp"] = "open5"; if (!string.IsNullOrEmpty(rate)) { using (BaseContext context = new

VBS一键配置VOIP脚本（其中包括VBS操作JS网页中的按钮事件--直接执行确认按钮中的脚本代码）

Dim ws,fso,IESet IE = WScript.createobject("InternetExplorer.Application")Set ws = WScript.CreateObject ("WSCript.shell")Set fso=CreateObject("scripting.filesystemobject") Const reboot="/content.cgi?form=M_SAV" IE.m

JS+CSS实现的下拉刷新/上拉加载插件

闲来无事,写了一个当下比较常见的下拉刷新/上拉加载的jquery插件,代码记录在这里,有兴趣将代码写成插件与npm包可以留言. 体验地址:http://owenliang.github.io/pullToRefresh/ 项目地址:https://github.com/owenliang/pullToRefresh 实现注意: 利用transition做动画时,优先使用transform:translate取代top,后者动画流畅度存在问题. 各移动浏览器对手势触摸的处理不同(简单罗列如下),但

jquery之效果操作

jQuery操作之效果效果一共分五大类一.基本二.滑动三.淡入淡出四.自定义五.设置咱们先来看一下基本类一.基本又分为 show() hide() toggle() html代码 <div></div> <p>123</p> <input type="button" id="btn" value="显示"> <input type="button"

Zepto源码分析-deferred模块

源码注释 // Zepto.js // (c) 2010-2015 Thomas Fuchs // Zepto.js may be freely distributed under the MIT license. // // Some code (c) 2005, 2013 jQuery Foundation, Inc. and other contributors ;(function($){ var slice = Array.prototype.slice function Deferr

再起航，我的学习笔记之JavaScript设计模式09(原型模式)

我的学习笔记是根据我的学习情况来定期更新的,预计2-3天更新一章,主要是给大家分享一下,我所学到的知识,如果有什么错误请在评论中指点出来,我一定虚心接受,那么废话不多说开始我们今天的学习分享吧! 我们之前分享过在JavaScript中继承是靠原型链来实现的,那么设计模式中就一定有原型模式,所以本次我们分享的就是原型模式原型模式原型模式(Prototype): 用原型实例指向创建对象的类,使用创建新的对象的类共享原型对象的属性以及方法. 假如我们有一个需求需要做图片轮播效果,但是,在这个页面又

Golang 网络爬虫框架gocolly/colly 五获取动态数据

Golang 网络爬虫框架gocolly/colly 五获取动态数据 gcocolly+goquery可以非常好地抓取HTML页面中的数据,但碰到页面是由Javascript动态生成时,用goquery就显得捉襟见肘了.解决方法有很多种,一,最笨拙但有效的方法是字符串处理,go语言string底层对应字节数组,复制任何长度的字符串的开销都很低廉,搜索性能比较高:二,利用正则表达式,要提取的数据往往有明显的特征,所以正则表达式写起来比较简单,不必非常严谨:三,使用浏览器控件,比如webloop:

不要使用jQuery触发原生事件

原文链接: DO NOT TRIGGER REAL EVENT NAMES WITH JQUERY! 原文日期: 2014年02月26日翻译日期: 2014年03月2日翻译人员: 铁锚 JavaScript 框架提供了如此多的功能,以至于一不小心就会掉进坑里去. 对工具库依赖得越多,在修改或维护时一个小小的改的很可能就会影响到其他的功能(俗称处处是地雷,走路需谨慎),特别是维护多年前的遗留代码时. 我经常看到的一个错误是关于 jQuery的 trigger, trigger允许开发者手动触

基于Vue2-Calendar改进的日历组件（含中文使用说明）

一,前言我是刚学Vue的菜鸟,在使用过程中需要用到日历控件,由于项目中原来是用jQuery写的,因此用了bootstarp的日历控件,但是配合Vue实在有点蛋疼,不够优雅…… 于是网上搜了好久找到了Vue2-Calendar,不用说,挺好用的,但是同时也发现这个组件有些问题,有些功能挺不符合我们的要求,于是着手改了一版二,改进的功能在Vue2-Calendar v2.2.4 版基础上作了优化. 改进原控件无法切换语言的BUG,支持 lang='zh-CN'和'en'. 日历面板增加一个位置

点击菜单选项，右侧主体区新增子界面（Tab）的实现

今天是2019年小年后一天,还有三天回家过年. 今天记录一下一种前端页面的效果的实现,这种效果很常见,一般用于网站后台系统的前端页面.一般后台系统会分为顶部导航栏,左边的菜单栏和右边的主体区.有一种效果是这样的,当点击左边菜单的时候,在右边的主体区会弹出相应的页面,点击多个菜单选项时,在右边依次陈列这些窗口,这些窗口之间可以相互切换,类似于浏览器的多个打开的窗口那样. 下面,先给出这种效果的图片: 然后我将详细记录实现这个效果的过程. 整体思路: 1.基础知识这种效果的实现主要依赖于layui

javascript帧动画

前面的话帧动画就是在“连续的关键帧”中分解动画动作,也就是在时间轴的每帧上逐帧绘制不同的内容,使其连续播放而成的动画.由于是一帧一帧的画,所以帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容.本文将详细介绍javascript帧动画概述 [分类] 常见的帧动画的方式有三种,包括gif.CSS3 animation和javascript git和CSS3 animation不能灵活地控制动画的暂停和播放.不能对帧动画做更加灵活地扩展.另外,gif图不能捕捉动画完成的事件.所以,一般地,使

巴特西