JavaScript共38篇
简介:js一般指JavaScript。 JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言
网页播放音乐滚动歌词效果-红穆笔记

网页播放音乐滚动歌词效果

当网页播放音频时,可以利用 jQuery 和 HTML 实现歌词滚动的效果。以下是一个简单的实现:HTML:<div id='lyrics'> <p data-time='0:00.00'>作词 : 娃娃</p> <p data-time...
红穆的头像-红穆笔记红穆2年前
010914
jquery 选择器-红穆笔记

jquery 选择器

当元素处于同级时,比如以下这种调用,点击对应的li标签,li标签同级对应的div标签才会显示html代码:<ul id='open_list'> <li class='product_Level' data-fid='1'> <a>云服...
红穆的头像-红穆笔记红穆2年前
010613
js 5秒后跳转至指定页面-红穆笔记

js 5秒后跳转至指定页面

分析: 1、需要跳转,则要用到 location对象的href属性。 2、倒计时5秒需要使用定时器 setInterval。 HTML: <div id="msg"></div> JavaScript: window.onload=function...
红穆的头像-红穆笔记红穆2年前
08712
js鼠标滚动自动隐藏导航菜单-红穆笔记

js鼠标滚动自动隐藏导航菜单

html代码: <header class="header-navigation" id="header"> <nav> <a class="link" href="#" title="Home">首页</a...
红穆的头像-红穆笔记红穆2年前
08111
js 鼠标移上去修改style属性-红穆笔记

js 鼠标移上去修改style属性

演示效果鼠标移上去,颜色显示为红色,鼠标移开,颜色显示为黑色。获取id对象:document.getElementById()鼠标移上去:onmouseover鼠标移开:onmouseout<!DOCTYPE html> <html lang=&q...
红穆的头像-红穆笔记红穆3年前
07110
jquery 点击复制指定的文本-红穆笔记

jquery 点击复制指定的文本

从小到大给大家实现一波!点击复制不提示// 给复制按钮绑定点击事件 $('#copyBtn').on('click', function() { // 选择要复制的文本 var text = $('#inputBox').val(); // 创建一个临时的textare...
红穆的头像-红穆笔记红穆2年前
0888
jQuery 使用Ajax无刷新提交留言及表单-红穆笔记

jQuery 使用Ajax无刷新提交留言及表单

PbootCMS本身对于使用ajax请求进行提交时会返回Json数据,那么我们可以无需使用API的情况下实现ajax提交留言,并自定义页面提示,提升用户体验。   1、留言表单 <form onsubmit=&q...
红穆的头像-红穆笔记红穆2年前
06614
jQuery 利用cookie给导航栏目添加特殊class属性-红穆笔记

jQuery 利用cookie给导航栏目添加特殊class属性

jQuery 点击指定盒子里的a标签后,将这个a标签的链接设置到cookie里面,当页面跳转后,如何设置cookie链接和a标签的url链接相同,则给这个a标签加上属性,cookie只存储一个,当点击盒子里的其他...
红穆的头像-红穆笔记红穆2年前
08513
移动端点击展开菜单js代码-红穆笔记

移动端点击展开菜单js代码

html代码:<div class="menu"> <i></i> <i></i> <i></i> </div>css代码:.hdCon .menu{width: 40px;border-radius: 3px;border: 1p...
红穆的头像-红穆笔记红穆3年前
09515
PHP+HTML+jQuery+bootstrap 查询修改数据库的功能页面-红穆笔记

PHP+HTML+jQuery+bootstrap 查询修改数据库的功能页面

截图如下:首页index.html<!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1...
红穆的头像-红穆笔记红穆2年前
21478
jQuery 点击显示按钮显示密码框内的密码-红穆笔记

jQuery 点击显示按钮显示密码框内的密码

jQuery 点击显示按钮显示密码框内的密码jQuery代码为:$(document).ready(function() { $('#pwd_show').click(function() { var passwordInput = $('#password'); if (passwordInput.attr('type...
红穆的头像-红穆笔记红穆2年前
012910
jquery+bootstrap 实现一个ajax动态提交数据并修改页面-红穆笔记

jquery+bootstrap 实现一个ajax动态提交数据并修改页面

效果就是这样!点击按钮弹出弹窗,然后提交数据后,返回修改页面实现代码<!-- 模态框 --> <div class='modal fade' id='myModal' tabindex='-1' aria-labelledby='myModalLabel' aria-...
红穆的头像-红穆笔记红穆2年前
013812