HTML+CSS
关注
分享
扫一扫
悲殤乀述裞微笑ing
这个作者很懒，什么都没留下…
展开
-
在网页中根据控件弹出悬浮在网页的隐藏div(弹出后，网页不可操作)
效果说明：点击按钮，弹出悬浮于整个网页的div，div弹出之后，背景透明，颜色变化，且不可对网页的内容进行操作。实现效果：实现方式由于使用jQuery控制div显示与隐藏，因此首先导入jQuery的包使用display来控制div显示和隐藏的状态，使用position属性控制div定位具体实现代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <t原创 2020-05-28 10:46:06 · 563 阅读 · 0 评论 -
鼠标点击显示隐藏的div，移开后隐藏这个div
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-3.4.1.min.js" ></script> <style type="text/css"> .ap{ width: 75px; .原创 2020-05-26 09:55:06 · 619 阅读 · 0 评论 -
下拉形式的可多选的输入框
首先导入两个js包：资源jquery.min.js包 提取码：fla7combox.js包 提取码：juy5<script src="js/jquery.min.js"></script><script src="js/combox.js"></script>然后是JS代码：var data = [ ...原创 2020-05-05 17:34:41 · 579 阅读 · 2 评论 -
时间插件——自动显示真实时间
<script> //当页面加载时调用 window.onload = function() { //计时器 1000秒 setInterval(function() { var date = new Date(); var year = date.getFullYear(); //获取当前年份 var...原创 2020-05-05 17:19:17 · 545 阅读 · 0 评论 -
鼠标悬浮显示隐藏的div
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .ap{ width: 75px; height: 35px; border: 1p...原创 2020-04-22 15:27:54 · 6172 阅读 · 2 评论 -
web页面中实现局部页面的刷新
需求：当web页面中有部分布局相同的，而另一部分不同的时候就需要实现页面的局部跳转或刷新。实现技术：iframe+input功能：将页面中不同的部分编写为几个新的HTML文件，在主界面中使用<iframe>标签在局部显示不同的子界面的内容。不同子界面的显示根据父界面中选择来显示对应的子界面。下面是实现代码：<!DOCTYPE html><html ...原创 2020-04-15 16:39:16 · 1821 阅读 · 0 评论 -
鼠标点击不同按钮切换多个不同div
在这里只给出js代码：<script> function showDiv(str) { var divs = []; for(var i = 0;i < 3;i++) { divs[i] = document.getElementById("div" + i); ...原创 2019-12-21 11:58:50 · 1268 阅读 · 0 评论