Welcome

首页 / 脚本样式 / JavaScript

JS中如何实现点击a标签返回页面顶部的问题

2017-02-06 24
<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>p{ font-size: 400px;} </style></head><body><p>?</p><a href="#"...

jQuery实现鼠标悬停3d菜单展开动画效果

2017-02-06 22
竖直的主菜单贴着页面左侧，当光标移入菜单项时，以3D动画的方式弹出对应的二级菜单。采用jQuery和CSS3实现。支持Chrome，火狐，Edge等浏览器。效果图：代码如下：<！DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1,...

bootstrap css样式之表单

2017-02-06 29
本文实例为大家分享了bootstrap表单的具体代码，供大家参考，具体内容如下1、表单基本用法<form role="form"> <div class="form-group"> <label for="exampleInputEmail1">Email address</label> <input type="email" class="form-control" id="exampleInputE...

javaScript基础详解

2017-02-06 20
首先讲javaScript的摆放位置：<script> 与 </script> 可以放在head和body之间，也可以body中或者head中JavaScript的六大作用：1直接在script输出document.write（"<h1>This is a heading</h1>"）;//document.write表输出，括号中h1标签同样有效2对事件作出反应<button type="button...

ajax与json 获取数据并在前台使用简单实例

2017-02-06 20
用ajax获取后台数据，返回json数据，怎么在前台使用呢？后台if （dataType == "SearchCustomer"）{int ID;if （Int32.TryParse（CustomerID, out ID））{string s = GridComputer.GridCustomer.getCustomer（1, 1, ID）;if （s == null）{context.Response.ContentType = "text/plain"...

ajax 提交数据到后台jsp页面及页面跳转问题

2017-02-06 22
ajax 提交数据到后台jsp页面及页面跳转问题我logincheck.jsp页面取传参数代码:String user=request.getParameter（"user1"）;String pwd=request.getParameter（"pwd1"）;login.jsp input 取2参数何用ajax 传给logincheck.jsp$.ajax（{type : "POST",url : baseUrl+"m/module/querymodule...

js实现漫天星星效果

2017-02-06 26
本文实例为大家分享了漫天小星星效果的实现代码，供大家参考，具体内容如下效果图：实现代码：<html onclick="init（event）"> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <script type="text...

详解前端构建工具gulpjs的使用介绍及技巧

2017-02-06 139
gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。1、gulp的安装首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp：npm install -g gulp全局安装gulp后，还需要在每个要使...

微信小程序 视图容器组件的详解及实例代码

2017-02-06 33
微信小程序 视图容器组件详解：小程序给出的视图容器组件有三个：</view>、</scroll-view>和</swiper>：1、</view> 视图容器</view>相当于html中的</div>标签，有四个属性：hover和hover-class与点击效果有关：hover设置是否启用点击效果，而hover-class设置点击的效果。hover-start-time和hover-s...

JS实现touch 点击滑动轮播实例代码

2017-02-06 19
废话不多说了，直接给大家贴js代码了，具体代码如下所示：<script src="../js/jquery-1.8.3.min.js"></script><script src="../js/jQuery.mobile-1.3.2.min.js"></script>----------------------需要应用jquery .mobile自行百度.num-zcon{overflow: hidden;wi...

原生js实现电商侧边导航效果

2017-02-06 23
知识要点实现原理：1.点击楼层跳相应楼层，用的是锚点定位电梯：<a href="#item2">2F 个护家清</a></li>列表title：<div class="floor-title" id="item2"></div>这个没什么好说的2.当点击楼层跳到相应楼层时，该楼层高亮显示我们的脚本主要就是实现这个功能。原理获取浏览器导航条下拉的距离与各个楼层相对于文档顶部下拉的距离进行校验。这里需...

原生JS和jQuery操作DOM对比总结

2017-02-06 20
一、创建元素节点1.1 原生JS创建元素节点document.createElement（"p"）;1.2 jQuery创建元素节点$（"<p></p>"）;`二、创建并添加文本节点2.1 原生JS创建文本节点`document.createTextNode（"Text Content"）;通常创建文本节点和创建元素节点配合使用，比如：var textEl = document.createTextNode（"Hello World...

微信小程序 生命周期和页面的生命周期详细介绍

2017-02-06 24
微信小程序 生命周期和页面的生命周期详解：1.小程序的生命周期——App.jsApp（） 必须在 app.js 中注册，且不能注册多个。所以App（）方法在一个小程序中有且仅有一个。App（） 函数用来注册一个小程序。接受一个 object 参数，其指定小程序的生命周期函数等。先上代码：App（{ onLaunch: function （） { console.log（"App onLaunch"）; }, onShow:function （）{ cons...

js实现符合国情的日期插件详解

2017-02-06 26
这次开始的项目是PC版的，貌似有2年没正儿八经的折腾PC端了。言归正传，这次功能中有个选择日期段的功能，本来不麻烦的事情，但是PM非要参照另外一个网站的效果来做，把别人代码扒下来一看，我去，08年的插件，很多功能不能满足当前，PM非要那效果，时间又TM有限，就又找了个国外的插件daterangepicker，基于bootstrap，跟需求长得很像，功能非常强大，需求都能满足，但是...但是，PM和测试说不好用。。。折腾了半天源代码，优化了下，时间来不及只能...

微信小程序 页面跳转和数据传递实例详解

2017-02-06 34
微信小程序 页面跳转和数据传递1.先导在Android中，我们Activity和Fragment都有栈的概念在里面，微信小程序页面也有栈的概念在里面。微信小程序页面跳转有四种方式： 1.wx.navigateTo（OBJECT）； 2.wx.redirectTo（OBJECT）； 3.wx.switchTab（OBJECT）； 4.wx.navigateBack（OBJECT） 5.使用实现对应的跳转功能；分析：其中navigateTo是将原来的页面保存在...

BootStrap组件之进度条的基本用法

2017-02-06 24
1、进度条基本用法主要依赖.progress和.progress-bararia-valuenow表示当前值aria-valuemin表示最小值aria-valuemax表示最大值width:60%表示当前进度条位置<div class="progress"><div class="progress-bar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="w...

小程序开发实战：实现九宫格界面的导航的代码实现

2017-02-06 28
小程序是长在微信上的，是移动端的界面，为了能够更方便的使用，我们常常希望使用九宫格界面的方式作为导航，那要如何实现呢？基于一个简单的思考，九宫格就是三行三列，如果把行作为一个单位，再将每一行分成三列，那是不是就可以了？我们实践一下。首先来考虑九宫格数据的生成，每一个格子需要有一个图标、一个标题、一个便于跳转的路由，那天现在我们有九个页面，所以定义一个一维数组即可。为了更好的进行后续的配置，我们将这个数组独立到一个文件中routes.js，然后将其在inde...

JavaScript实现事件的中断传播和行为阻止方法示例

2017-02-06 22
事件传播MicroSoft的设计是当事件在元素上触发时，该事件将接着在该节点的父节点触发，以此类推，事件一直沿着DOM树向上传播，直到到达顶层对象document元素。这种自底向上的事件传播方式称为“事件冒泡”，也就是事件传播。如何中断事件的传播？stopPropagation（） w3c取消冒泡cancleBubble = true IE取消冒泡取消事件默认效果：returnValue = false IE 取消事件效果defaultPrevent（） ...

浅谈JavaScript异步编程

2017-02-06 26
在一年前初学js的时候，看过很多关于异步编程的讲解。但是由于实践经验少，没有办法理解的太多，太理论的东西也往往是看完就忘。经过公司的三两个项目的锻炼，终于对js异步编程有了比较具体的理解。但始终入门较浅，在这里就当是给自己一个阶段性的总结。在异步编程中，一条语句的执行不能依赖上一条语句执行完毕的结果，因为无法预测一条语句什么时候执行完毕，它与代码顺序无关，语句是并发执行的。例如以下代码：$.get（$C.apiPath+"ucenter/padCharge...

详解微信小程序入门五: wxml文件引用、模版、生命周期

2017-02-06 38
实例一: include方式引用header.wxml文件文件引用对于代码的重用非常重要，例如在web开发中我们可以将公用的header部分和footer等部分进行提取，然后在需要的地方进行引用。微信小程序里面，是包含引用功能的——include、import。这两个引用文件的标签，使用基本差不多，这里先说一下include。微信中的视图文件引用，引用过来的都是没有渲染的，基本类似于直接将引用过来的文件复制到引用位置，所以我们需要重新对其渲染。实例说明这里...
<< 21 22 23 24 25 26 27 28 29 30 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图