轩宇网

标签搜索

搜索到 58 篇与 Javascript前端的结果

jQuery手机端点击弹出分享按钮代码

jQuery手机端点击弹出分享按钮代码

一、HTML布局代码如下：<span onClick="toshare()" style="border:dotted 1px #ddd;display:block;width:100px;text-align:center;margin:20px auto 0 auto;cursor:pointer;height:60px;line-height:60px;">点击分享到</span> <div class="am-share"> <h3 class="am-share-title">分享到</h3> <ul class="am-share-sns"> <li><a href="#"> <i class="share-icon-weibo"></i> <span>新浪微博</span>...

2019年02月14日

4,666 阅读

0 评论

Ajax+Jpgraph实现的动态折线图功能示例

Ajax+Jpgraph实现的动态折线图功能示例

这篇文章主要介绍了Ajax+Jpgraph实现的动态折线图功能,结合实例形式分析了ajax结合jpgraph.php类库绘制动态折线图的相关操作技巧,需要的朋友可以参考下本文实例讲述了Ajax+Jpgraph实现的动态折线图功能。分享给大家供大家参考，具体如下：一、代码fun.js：var i=1; function progress(){ setInterval("beginProgress()", 600); } function beginProgress(){ $("#img").attr("src", "img.php?m="+i); i++; if(i>=12){ i=1; } }index.php：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d...

2019年02月13日

4,722 阅读

0 评论

Ajax+PHP实现的分类列表框功能示例

Ajax+PHP实现的分类列表框功能示例

这篇文章主要介绍了Ajax+PHP实现的分类列表框功能,涉及php结合ajax交互查询数据库与列表框构建相关操作技巧,需要的朋友可以参考下本文实例讲述了Ajax+PHP实现的分类列表框功能。分享给大家供大家参考，具体如下：conn.php：<?php $conn = mysql_connect("localhost", "root", "root") or die("连接数据库服务器失败！".mysql_error()); //连接MySQL服务器 mysql_select_db("db_database27",$conn); //选择数据库db_database27 mysql_query("set names utf8"); //设置数据库编码格式utf8 ?>index.php：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &q...

2019年02月13日

4,575 阅读

0 评论

漂亮的动态气泡背景效果bubbly-bg.js

漂亮的动态气泡背景效果bubbly-bg.js

bubbly-bg.js是一款漂亮的动态气泡背景js插件。它是基于HTML5 canvas，压缩后的版本小于1kb，但是它能制作出各种漂亮的动态气泡背景效果，非常强大。使用可以通过npm来安装bubbly-bg.js动态气泡背景插件。npm install bubbly-bg --save可以在页面中引入bubbly-bg.js文件。<script type="text/javascript" src="path/to/js/bubbly-bg.js"></script> HTML结构如果你不指定canvas元素作为容器，而是直接在body中初始化插件，那么插件会在body之后创建一个canvas元素，这个元素具有\position: fixed和z-index: -1\属性，并且它的宽度和高度始终会等于视口的宽度和高度。例如：<body> ... <script src="js/bubbly-bg.js"></script> <script&...

2019年01月29日

6,045 阅读

0 评论

微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能

微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能

这篇文章主要介绍了微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能,涉及微信小程序map组件结合微信API获取天气信息相关操作技巧,需要的朋友可以参考下本文实例讲述了微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能。分享给大家供大家参考，具体如下：效果图实现原理采用高德地图微信小程序开发API（getWeather），如果 city 属性的值为空（或者没有city属性），默认返回定位位置的天气数据；如果 city 不为空，则返回 city 指定位置的天气数据。WXML<view class="map-weather"> <view><text>城市：</text>{{address}}</view> <view><text>天气：</text>{{weather}}</view> <view><text>温度：</text>{{temperature}}℃</view...

2019年01月23日

5,631 阅读

0 评论

JQuery 点击实现开关灯，改变CSS属性值

JQuery 点击实现开关灯，改变CSS属性值

JQuery 点击实现开关灯，改变CSS属性值1、引入jquery<script src="https://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script>2、页面布局<div class="test">测试内容</div><br> <input type="button" id="btnLight" value="关灯"/>3、核心控制<script> $(function() { $('#btnLight').click(function () { if (this.value == '关灯') { $('body').css('background-color', 'bla...

2019年01月22日

5,516 阅读

0 评论

使用PHP+ajax+mysql+layui实现每日签到及提醒功能

使用PHP+ajax+mysql+layui实现每日签到及提醒功能

这篇文章主要为大家详细介绍了使用PHP+layui实现每日签到及提醒功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下每日签到的功能，供大家参考，具体内容如下首次签到获得1个积分,第二次签到获得2个积分,第三次签到获得3个积分,以此类推但是签到必须每天连续积分才可以递增,如果有中断再次签到时获得积分仍然从1开始递增;效果图如下：数据库设计：-- -------------------------------------------------------- -- 主机: 127.0.0.1 -- 服务器版本: 5.5.53 - MySQL Community Server (GPL) -- 服务器操作系统: Win32 -- HeidiSQL 版本: 9.3.0.4984 -- -------------------------------------------------------- /*!4010...

2018年12月03日

8,603 阅读

0 评论

微信小程序实现邀请好友组队功能

微信小程序实现邀请好友组队功能

微信小程序实现邀请好友组队功能battle.wxml  <view class='whole'> <image class='backImage' src='../../resources/img/battle/background.png'></image>  <view class="userinfo"> <cover-image class="userinfo-avatar" src="{{userInfoAimageurl}}"></cover-image> <cover-text class="userinfo-nickname">{{userInfoAnickname}}</cover-text> </view...

2018年11月03日

10,820 阅读

0 评论

jq实现点击增加或者减少商品数量并且自动计算总价格

jq实现点击增加或者减少商品数量并且自动计算总价格

本文将为点击增加或者减少商品数量并且自动计算总价格相关教程，具体实例代码请看下文:点击增加或者减少商品数量并且自动计算总价格:本章节介绍一下如何实现点击按钮来添加或者删除商品的数量，并且能够自动计算商品的总价格。代码实例如下:<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.zhimengzhe.com/" /> <title>织梦者</title> <style type="text/css"> span{ color:red; cursor:pointer; } </style> <link rel="stylesheet" href="https://cdn.staticfile.org/t...

2018年10月29日

7,254 阅读

0 评论

jQuery的鼠标移动上去显示div，鼠标离开的时候隐藏div效果

jQuery的鼠标移动上去显示div，鼠标离开的时候隐藏div效果

有时候我们需要这个效果：当鼠标放上去的时候显示一个div，当鼠标移走的时候就将div隐藏了。代码如下，记得引入Jquyer库。(当鼠标移动到id=menu的div上的时候，显示id=list的div，然后将鼠标再次移动到id=list的div上的时候，list的div也不会隐藏）当然也可以制作成打赏效果或图片提示等<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="https://cdn.staticfile.org/jquery/1....

2018年10月26日

4,947 阅读

0 评论