css
-
bootstrap中使用google prettify让代码高亮的方法
下面是关于「bootstrap中使用google prettify让代码高亮的方法」的详细攻略： 一、前置条件 已创建好基于bootstrap的网站； 已引入google prettify的js和css文件。 二、使用步骤 1. 在<head>中引入google prettify的样式文件 <head> … <link re…
-
JavaScript 判断浏览器是否是IE
要判断浏览器是否是IE，可以使用JavaScript的navigator对象，该对象提供了一些属性以获取浏览器的信息。其中，userAgent属性可以获取浏览器的代理字符串，通过判断该字符串中是否包含”MSIE”或”Trident”关键字，就可以判断当前浏览器是否是IE。 以下是完整的JavaScript代码示例： // 判断浏览器是否是IE（版本小于11）…
-
jQuery toggle()设置CSS样式
jQuery的toggle()方法可以用于切换样式、元素的显示与隐藏等操作。下面将详细讲解如何利用toggle()方法设置CSS样式。 toggle()方法基础使用 toggle()方法用于切换元素的可见性，被选元素隐藏就显示，被选元素显示就隐藏。 $("button").click(function(){ $("p"…
-
纯CSS实现图片百叶窗展示效果示例
下面我将详细讲解“纯CSS实现图片百叶窗展示效果”的完整攻略。 什么是百叶窗效果 百叶窗，顾名思义就是由许多个竖向的条条组成的一种窗形式。在网站设计中，可以将百叶窗效果用于图片展示，使页面更具有视觉冲击力。 CSS实现百叶窗效果步骤 HTML结构搭建 为了方便CSS样式的实现，我们需要先搭建好HTML结构。这里我们以展示3张图片为例： <div cla…
-
SpringMVC+EasyUI实现页面左侧导航菜单功能
下面是“SpringMVC+EasyUI实现页面左侧导航菜单功能”的完整攻略： 1. EasyUI 简介 EasyUI 是一套基于 jQuery 的 UI 库，由于其使用方便，所以备受前端开发工程师的喜爱。EasyUI 的主要特点是简单易学，可扩展更强大，而且美观大方。它拥有大量实用的控件、常用组件和小部件（如日历控件、对话框、组合框、日期录入控件、数据网格…
-
基于HTML+CSS+JS实现纸牌记忆游戏
基于HTML+CSS+JS实现纸牌记忆游戏攻略 1. 游戏规则 本纸牌记忆游戏将一副扑克牌（去掉大小王）随机排列，然后翻开第一张牌，玩家需要记住翻开的牌的花色和数字，然后依次翻开其余牌的牌面，若与之前翻开的牌相同则不算成对，若与之前翻开的牌不同则不成对。当所有牌都被翻开后，游戏结束。 2. 实现步骤 2.1 编写HTML 首先需要创建一张牌的HTML结构模板…
-
表单JS弹出填写提示效果代码
下面是关于“表单JS弹出填写提示效果代码”的完整攻略： 什么是表单JS弹出填写提示效果代码 “表单JS弹出填写提示效果代码”是一种利用JavaScript语言实现的技术，可以应用于网站或应用程序中的表单交互中，用于增强用户体验。当用户填写表单时，该代码可以在需要填写的表单字段上进行弹出提示，引导用户进行填写。这种交互方式可以减少用户在表单填写中的错误，提高用…
-
jQuery弹出层插件简化版代码第2/2页
来详细讲解一下“jQuery弹出层插件简化版代码第2/2页”的完整攻略。 一、简介 本插件是基于jquery的弹出层插件，可以快速为网站添加各种弹出框效果。本文主要讲解该插件的使用方法。 二、使用方法 1. 引入必要的文件及初始化插件 需要在html文件中引入jquery、jquery-popup.js和jquery-popup.css等文件。 <li…
-
js实现感应鼠标图片透明度变化的方法
实现感应鼠标图片透明度变化的方法可以通过JavaScript来实现。在下面的攻略中，我将介绍如何使用JavaScript实现该功能的两个示例。 示例一：基础效果 以下是如何实现鼠标滑过时图片透明度变化的基础效果的代码： <!DOCTYPE HTML> <html> <head> <meta charset="…
-
JavaScript使用Range调色及透明度实例
JavaScript中的Range对象可以用于操作文档中的某一区域，例如用Range对象实现选择文本、替换文本、高亮文本等操作。本攻略将详细讲解如何使用Range对象实现网页调色及透明度的功能。 第一步：获取Range对象 要操作文档的某一区域，首先需要获取该区域的Range对象。以下代码展示了如何获取文档中的第一个段落元素的Range对象： const p…
