Welcome

首页 / 脚本样式 / JavaScript

Angularjs 实现一个幻灯片示例代码

2017-02-06 19
基于angularjs制作的幻灯片演示地址npm方式安装npm install angularjsSlider使用方法第一步（引入）require（"angularjsSlider"）（moduleName）;//引入第二步（参数配置）类型说明dataArray幻灯片图片数据 [{img: "1.jpg",link:"#"}...]timerNumber幻灯片切换间隔timer="2"btn-leftString左侧切换按钮btn-left="#btnle...

JS图片放大效果简单实现代码

2017-02-06 21
本文实例为大家分享了JS实现图片放大效果 ，供大家参考，具体内容如下<！DOCTYPE html><html><head> <meta charset="utf-8"/> <title></title> <style type="text/css"> #div1 { width:300px; height:300px; positio...

jQuery实现邮箱下拉列表自动补全功能

2017-02-06 21
记得，在上个项目中，遇到这样一个需求，网站要求填写邮箱的时候，还没有填写完，就会出现一系列下拉列表，帮助自动补全邮箱的功能。今天小编给给大家分享下我基于jquery是怎么实现此功能的！功能简述•填写邮箱名字，出现下拉列表，自动补全邮箱•点击上下按键，选取下拉列表邮箱•按回车键，选中列表内容，隐藏下拉列表•鼠标经过，下拉列表选项设置为高亮•鼠标点击，选中下拉列表选项，隐藏下拉列表HTMLHTML代码...

Boostrap基础教程之JavaScript插件篇

2017-02-06 19
Boostrap提供了12种JavaScript插件，包括：动画过渡 Transition模态 Modal下拉菜单 Dropdown滚动侦测 Scrollspy选项卡 Tab提示框 Tooltip弹出框 Popover警告框 Alert按钮 Button折叠 Collapse旋转轮播 Carousel自动定位浮标 Affix模态弹窗<div class="modal show"><div class="modal-dialog">&...

前端弹出对话框 js实现ajax交互

2017-02-06 21
原本计划实现这样一个需求： 前台点击触发某业务动作，需要用户补充信息，不做跳转页面，弹窗的形式进行补充信息。 折腾出来了，但是最终没有用到。代码还有些毛躁，提供大概实现逻辑。实现思路：在窗口铺上蒙板以屏蔽原窗口功能按钮操作，在蒙板上层绝对定位实现弹窗，弹窗中的数据交互采用ajax方式。 出发弹窗事件用onclick.关键细节：弹窗和原窗体本质是同页面，为了描述方便，姑且称底层窗体为父窗体，弹窗为子窗体。为了实现字父窗体的交互，需要在父窗体中做一些特别标签，...

javascript 四十条常用技巧大全

2017-02-06 18
1. 将彻底屏蔽鼠标右键oncontextmenu=”window.event.returnValue=false”< table border oncontextmenu=return（false）>< td>no< /table> 可用于 Table 2. 取消选取、防止复制<span class="tag" style="color:rgb（0,0,128）">< <span class="...

jQuery简单创建节点的方法

2017-02-06 19
本文实例讲述了jQuery简单创建节点的方法。分享给大家供大家参考，具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script type="text/javascript" src="js/jquery-1.10.1.min.js"&g...

js判断所有表单项不为空则提交表单的实现方法

2017-02-06 20
demo1.html<html><head><title>提交表单页</title><script type="text/javascript">function myCheck（）{for（var i=0;i<document.form1.elements.length-1;i++）{ if（document.form1.elements[i].value==""） { alert（"当前...

js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码

2017-02-06 21
JS 控制文本框只能输入数字<input onkeyup="value=value.replace（/[^0-9]/g,""）"onpaste="value=value.replace（/[^0-9]/g,""）" oncontextmenu ="value=value.replace（/[^0-9]/g,""）">JS 控制文本框只能输入数字、小数点<inputonkeyup="value=value.replace（/[^-9.]/g...

jQuery查找节点并获取节点属性的方法

2017-02-06 23
本文实例讲述了jQuery查找节点并获取节点属性的方法。分享给大家供大家参考，具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script type="text/javascript" src="js/jquery-1.10.1.min....

JS判断form内所有表单是否为空的简单实例

2017-02-06 20
如下所示：function checkForm（）{ var input_cart=document.getElementsByTagName_r（"INPUT"）; for（vari=0;i<input_cart.length;i++）{if（input_cart[i].value==""||input_cart[i].value==null）{alert（"信息不能为空！"）;input_cart[i].focus（）;return （false...

Vue.js动态组件解析

2017-02-06 18
本篇资料来于官方文档：http://cn.vuejs.org/guide/components.html#u52A8_u6001_u7EC4_u4EF6本文是在官方文档的基础上，更加细致的说明，代码更多更全。简单来说，更适合新手阅读①简单来说：就是几个组件放在一个挂载点下，然后根据父组件的某个变量来决定显示哪个，或者都不显示。②动态切换：在挂载点使用component标签，然后使用v-bind:is=”组件名”，会自动去找匹配的组件名，如果没有，则不显示；...

jQuery内容过滤选择器用法示例

2017-02-06 21
本文实例讲述了jQuery内容过滤选择器用法。分享给大家供大家参考，具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery-1.10.1.min.js" type="text/javascript"&g...

Vuejs第十一篇组件之slot内容分发实例详解

2017-02-06 21
什么是组件？组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。Slot分发内容①概述：简单来说，假如父组件需要在子组件内放一些DOM，那么这些DOM是显示、不显示、在哪个地方显示、如何显示，就是slot分发负责的活。②默认情况下父组件在子组件内套的内容，...

老生常谈JQuery data方法的使用

2017-02-06 20
（-1）说明我用的是chrome49，这个方法涉及到JQuery版本问题，我手里有3.0的，有1.9.1，后面将1.9.1及其以前的称为低版本，3.0称为高版本测试例子用到的showMessage方法如下showMessage.i = 0; function showMessage（object） { var body = $（"body"）[0]; var $p =$（"#debugp"）; if（$p.length==0） { $...

jQuery子元素过滤选择器用法示例

2017-02-06 21
本文实例讲述了jQuery子元素过滤选择器用法。分享给大家供大家参考，具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery-1.10.1.min.js" type="text/javascript"&...

Ajax使用原生态JS验证用户名是否存在

2017-02-06 18
直接上代码: reg_ajax.html<！DOCTYPE html><html><head><meta charset="UTF-8"><title>Ajax请求servlet实现用户名是否存在验证</title></head><body><script type="text/javascript">/*** 得到XMLHttpRequest对象*...

js动态生成form 并用ajax方式提交的实现方法

2017-02-06 21
Js代码：var tempForm = document.createElement（"form"）; tempForm.action="http://localhost:8080/test/user"; tempForm.method="post"; document.body.appendChild（tempForm）; //create a submit button var tempInput = document.creat...

Vuejs第十二篇之动态组件全面解析

2017-02-06 22
什么是组件？组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。本篇资料是小编参考官方文档的基础上整理的一篇更加细致的说明，代码更多更全，非常适合新手学习。官方文档：http://cn.vuejs.org/guide/components.html#u52...

vuejs动态组件给子组件传递数据的方法详解

2017-02-06 19
通过子组件定义时候的props可以支持父组件给子组件传递数据，这些定义的props在子组件的标签中使用绑定属性即可，但是如果使用的是<component>动态组件，这个时候就没有显式的子组件标签，要给子组件传递数据需要在<component> 中进行绑定<div class="app" id="deviceready"><component :is="currentView" :user_name.sync="us...
<< 111 112 113 114 115 116 117 118 119 120 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图