Eastmount
Eastmount

网站开发之鼠标悬停简单特效实现（四）

        鼠标悬停等操作和特效是网站设计非常重要的一个内容，常见的包括包括：鼠标移动悬停放大、鼠标悬停背景颜色变换、鼠标悬停下拉菜单显示、图片旋转等特效，这篇文章主要是总结HTML和JavaScript中关于鼠标操作的一些特效，希望基础性文章对你有所帮助，如果文章中存在错误或不足之处，还请海涵~

一. 鼠标悬停图片放大效果

        该功能主要是通过超链接实现的，其中hover是表示悬停的效果：



鼠标悬停放大
      


	
图片悬停放大图片
        其中运行的效果如下所示：
网站开发之鼠标悬停简单特效实现（四）_第1张图片   网站开发之鼠标悬停简单特效实现（四）_第2张图片

        注意：hover表示悬停，图片对应“a:hover img”。



二. 鼠标悬停背景颜色变换

        核心代码如下所示，主要通过鼠标悬停hover设置超链接变换。




鼠标悬停背景色变换



    

        
首页

        
关于我

        
相册

        
心情

        
留言

        
文章
        运行结果如下所示，鼠标悬停前的效果：

网站开发之鼠标悬停简单特效实现（四）_第3张图片

        鼠标移动到背景上面的效果如下所示：

网站开发之鼠标悬停简单特效实现（四）_第4张图片

        下面讲解几个重点：
        1、在

布局过程中，需要在CSS中设置"margin:0 auto;"，才能让它居中显示，这段代码的含义是：第一个值就是元素的上下边距0，第二个值就是左右边距。当元素的定义了width属性时，auto还能实现居中的效果。

        2、在CSS中设置h2，需要添加"float: left;"，使其水平显示，不增加该句的效果如下所示：

网站开发之鼠标悬停简单特效实现（四）_第5张图片

    

        3、整个DIV布局代码如下所示，h2会向下移动一段距离，这时CSS中通过"margin-top: 4px;"进行微调。

网站开发之鼠标悬停简单特效实现（四）_第6张图片

        4、悬停的核心代码如下所示，其中"text-decoration: none;"设置超链接无下划线，然后是悬停在超链接a和字体h2的变换效果。注意冒号(:)和hover之间不能有空格，否则效果消失。

网站开发之鼠标悬停简单特效实现（四）_第7张图片


三. 鼠标悬停图片旋转

        下面这段代码是网上找到的，鼠标悬停图片旋转的特效，非常不错，推荐使用。
        旋转参考地址：http://www.w3school.com.cn/cssref/pr_transform.asp
        PS：代码忘记出处了，如果谁知道提醒我，我补加原文地址。




图片旋转





图片旋转



    

        rotate 3d旋转
        鼠标悬停的效果如下所示：

网站开发之鼠标悬停简单特效实现（四）_第8张图片   网站开发之鼠标悬停简单特效实现（四）_第9张图片   网站开发之鼠标悬停简单特效实现（四）_第10张图片


四. 鼠标悬停下拉菜单显示

        这段代码主要是通过鼠标悬停，显示下菜单的效果，希望对你有所帮助。

 
 
 
鼠标悬停下拉

        运行效果如下图所示：

网站开发之鼠标悬停简单特效实现（四）_第11张图片

网站开发之鼠标悬停简单特效实现（四）_第12张图片


        下面这段代码是简单实现鼠标悬停下拉菜单弹出：

 
 
 
鼠标悬停下拉
        显示效果如下所示：

网站开发之鼠标悬停简单特效实现（四）_第13张图片



        希望文章对你有所帮助，这是简单总结了HTML鼠标常见的事件。
        这个网站很多经典效果，但要登录。网址：http://www.16css.com/menu/

        下面是今天晚上发表的一篇QQ说说：
         如果说当老师是我的第一个愿望，花了我18年时间，三个月前终于实现；那么，我的第二个愿望，想有一个自己的个人网站，最近也终于实现了，好开心啊，哈哈哈。
        欢迎大家访问: www.eastmountyxz.com
        大四毕业那年我在去遵义支教的路上写下这样一首诗：

贵州众美路迢迢，
未负劳心此一遭。
搜得破书三四本，
也堪将去教尔曹。
        期待自己的第三个愿望，网站目前只有首页，太忙了还没丰富进去，更多课程内容见我的CSDN。最后当然得感谢沈同学做的首页，哈哈哈，没白教这些学生，真心感谢。
但行好事，莫问前程。
待随满天李桃，再追学友趣事。
        同样，待我已老，也会把自己的每个阶段的人生都丰富到这个网站中去，感觉自己一辈子都与学校学生有关了吧！享受在学校里与同学，学生的生活，发自内心的enjoy。
        日子长着，校园这壶老酒还需我慢慢品尝。
        有学生说我的第三个愿望是：找个妹子谈谈人生和我的第四个愿意，这个不错。
        有学生又说：我是他大学最好的老师
        其实，我真的很荣幸认识自己的每一个学生，所以也会用心对待任何一个并坚持。
        哎，又鸡汤了，当老师后咋变成这样了，fuck~
        (By:Eastmount 2016-11-06 半夜2点 http://blog.csdn.net/eastmount/ )

你可能感兴趣的:(HTML网页知识,HTML网站前端设计)

  • 好用的小说软件，看小说的时候可以不用手机了！ 遇见属于 资源分享软件工具软件分享
    要说小说软件，手机端就不必多说，阅读和厚墨都是手机端非常优秀的阅读软件。但是电脑端的，说实话真的很少，小伙伴们都喜欢在网页看。但是网页有个坏处就是广告太多，有时候稍微不注意就给你来个全家桶。今天小助手就给大家安排一款电脑端的阅读软件「U小说」。ONEU小说这款小说软件是由吾爱论坛大神开发，为绿色免安装版本。小伙伴们下载、解压之后即可使用。打开软件后还是非常的不错，页面非常的简洁。「U小说」主要分为
  • Systrace 学习笔记 程序员Android androidjava操作系统epoll移动开发
    和你一起终身学习，这里是程序员Android经典好文推荐，通过阅读本文，您将收获以下知识点:一、Systrace简介二、Systrace预备知识三、Why60fps四、SystemServer解读五、SurfaceFlinger解读六、Input解读七、Vsync解读八、Vsync-App：基于Choreographer的渲染机制详解九、MainThread和RenderThread解读十、Bin
  • 【Spring 系列】Spring知识地图 坏习惯的叛逆者 springspringjava后端
    文章目录SpringIOC知道会用熟练掌握专家SpringAOP知道会用熟练掌握专家SpringMVC知道会用熟练掌握专家SpringWebFlux知道会用熟练掌握专家SpringExpressionLanguage知道会用熟练掌握专家SpringEvent知道会用熟练掌握专家SpringResource知道会用熟练掌握专家Springi18n知道会用熟练掌握专家SpringValidation知
  • DeepSeek在个人财务管理中的应用技巧有哪些？ 借雨醉东风 热点追踪大数据人工智能
    关注我，持续分享逻辑思维&管理思维&面试题；可提供大厂面试辅导、及定制化求职/在职/管理/架构辅导；推荐专栏《10天学会使用asp.net编程AI大模型》，目前已完成所有内容。一顿烧烤不到的费用，让人能紧跟时代的浪潮。从普通网站，到公众号、小程序，再到AI大模型网站。干货满满。学成后可接项目赚外快，绝对划算。不仅学会如何编程，还将学会如何将AI技术应用到实际问题中，为您的职业生涯增添一笔宝贵的财富
  • 利用 C++ 类模拟自定义 “语法”：从封装到代码的优雅进化 天若有情673
    引言在编程的世界里，语法是我们与计算机沟通的规则。然而，你是否想过，在不改变编程语言本身语法的基础上，我们也能模拟出一种新的“语法”来让代码更加简洁、直观？今天，我们就来探讨如何利用C++中的类来实现这一有趣的想法。背景知识在C++中，类是一种强大的工具，它允许我们将数据和操作数据的函数封装在一起。通过合理地设计类的成员函数，我们可以将一系列复杂的操作封装成一个简单的接口，使得代码的使用者无需关心
  • 【从入门到精通】Python必会的基础知识和基本语法,看这一篇就够了 天若有情673
    Python是一种高级、解释型、面向对象的编程语言，具有简洁易读的语法特点。以下是Python的一些基本语法：1.注释注释用于解释代码的功能和用途，Python中有单行注释和多行注释。#这是单行注释"""这是多行注释可以写很多内容"""2.变量和数据类型变量变量用于存储数据，在Python中不需要声明变量类型，解释器会根据赋值自动推断。#定义一个整数变量num=10#定义一个字符串变量name="
  • 常见的Python框架--matplotlib 我有颗小粒的痣 Pythonpythonmatplotlib
    matplotlib获取方法：https://matplotlib.org/users/installing.html#building-on-linuxsudoapt-getinstallpython-matplotlib#python2.sudoapt-getinstallpython3-matplotlib#python3.简介用于数据可视化#easyexampleimportmatplot
  • 2025前端技能 家里有只小肥猫 前端
    前端开发是现代Web开发中非常重要的一部分，涉及众多技术和工具。以下是一些在前端开发工作中常见的需求和技术：1.技术基础HTML/CSS:构建页面结构和样式。JavaScript:实现交互逻辑和动态功能。ES6+:使用现代JavaScript语法和特性。DOM操作:操作网页元素和事件处理。浏览器兼容性:确保代码在不同浏览器中正常运行。跨设备适配:确保页面在不同设备（PC、手机、平板）上正常显示。2
  • 深入了解阿里云 OSS：强大的云存储解决方案 Sherry Wangs Python开发实践阿里云云计算
    在现代互联网应用中，数据存储是一个不可忽视的环节。随着数据量的不断增长，传统的存储方式已经无法满足高速、低成本、大容量的需求。阿里云OSS（对象存储服务）作为一种高性能、低成本且具备高度扩展性的云存储服务，已经成为许多企业和开发者的首选存储方案。文章目录阿里云OSS概述核心特性：阿里云OSS基础概念阿里云OSS使用的典型场景静态文件存储数据备份与归档静态网站托管Python使用阿里云OSS实践阿里
  • 事件循环_经典面试题 还是鼠鼠 javascriptajax前端vscodehtml5
    目录代码分析代码解读执行顺序执行结果结论文件名：在JavaScript中，理解事件循环（EventLoop）是掌握异步编程的基础。事件循环决定了代码的执行顺序，包括宏任务（Macrotasks）和微任务（Microtasks）的调度。为了更好地理解事件循环，我们通过一个经典的面试题来展示JavaScript中的异步执行顺序。代码分析这是一个简单的HTML文件，包含了一段JavaScript代码，我
  • Dify理论：漫话RAG 几道之旅 Dify与Langflow智能体（Agent）知识库人工智能自然语言处理nlp
    兜兜转转，RAG依旧是绕不开的话题。RAG，检索增强生成。给大语言模型一个大型图书馆。大语言模型在回答问题前，不要急于回答。先去图书馆里查阅一番，再根据所获取的知识进行回答。大语言模型，由闭卷考试，变成了开卷考试。第一：减轻了大模型的幻觉。大模型在不知道答案时，往往会胡编乱造。如今，有人把答案告诉了它，它只需要整理一下语言即可。使用大语言模型回答问题时，最极端的情况下，它收到的问题是：请根据背景知
  • 单例模式---是 Spring 容器的核心特性之一 飞升不如收破烂~ springjava后端
    1.最近面试让手写一个单例；我一直知道单例；但是一直很困惑；工作中也没怎么用过；为什么面试总问；今天我才知道思考出来；单例是spring容器的核心特性；很多知识我只知道是什么；但是没有建立起来连接；今天就将单例和Spring容器就建立了密不可分的连接目录spring是怎么保证单例的1.IoC容器的缓存机制2.线程安全机制3.生命周期管理4.实例化过程示例代码注意事项在线程池中调用单例bean使用的
  • ReactNative进阶（三十）：Component、Pu 愤怒的小青春 java
    题解|#奶牛喂养时间#题目考察的知识点：贪心之合并数组题目解答方法的文字分析：先将intervals进行排序，定义一个变量prev，然后遍历，如果prev[1]>=interv题解|#牛牛和罗马数字智力游戏#题目考察的知识点考察哈希表的应用题目解答方法的文字分析将对应关系存入哈希表中之后开始循环拆分每一个罗马字母，将结果保存并减去哈希表中对应的值。最后的结果和lim题解|#直线上的牛#import
  • 一次讲清楚华为认证！！（HCIA/HCIP/HCIE） office大师姐 华为认证华为华为云网络安全5Gtcp/ip
    在信息技术领域，华为认证好比一座金字招牌，吸引着无数技术专业人士的青睐。市场上关于华为认证的声音纷繁复杂，存在不少争议，让人难以辨别真伪。今天就来好好讲讲华为认证，从头到尾都帮你盘盘清楚。PART01华为认证是什么？★认证介绍：华为认证是由华为技术有限公司提供的专业技术认证体系，旨在评估和验证个人在华为产品、解决方案和技术领域的专业知识和技能。华为认证覆盖了广泛的ICT（信息与通信技术）领域，包括
  • 大白话解释静态资源 阿里云OSS是什么 有什么用 怎么用 心心祥蓉 阿里云云计算
    阿里云OSS是什么？阿里云OSS（对象存储服务）就像一个“云上的巨型仓库”，专门帮你存各种文件，比如图片、视频、文档、日志等。它不像电脑硬盘那样需要自己买设备，而是直接通过网络存取，按实际用量付费。你可以把它想象成一个“无限容量的网盘”，但更安全、更稳定，还能和企业级应用无缝对接。OSS有什么用？1.存海量文件场景：电商网站存商品图片和视频（比如淘宝的百万级商品图）；短视频平台存用户上传的视频；企
  • Nginx的安装和部署以及Nginx的反向代理与负载均衡 小彭爱学习 nginx负载均衡scala
    Nginx的安装和部署以及Nginx的反向代理与负载均衡1.本文内容Nginx的安装Nginx的静态网站部署Nginx的反向代理与负载均衡，配置反向代理与负载均衡2.Nginx的安装与启动2.1什么是NginxNginx是一款高性能的http服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器。由俄罗斯的程序设计师伊戈尔·西索夫（IgorSysoev）所开发，官方测试nginx能够支撑
  • 爬虫实战分享：高效爬取汽车官方销售排行榜的技术方案 威哥说编程 python网络爬虫
    随着大数据技术的飞速发展，爬虫技术在各行各业中得到了广泛应用。汽车行业作为一个信息密集型行业，销售数据、排行榜和车型趋势等内容成为了汽车公司、市场研究者和消费者关注的重点。爬虫技术为这些数据的收集和分析提供了强有力的支持。本文将介绍如何通过爬虫技术高效爬取某汽车官方销售排行榜，并讨论常见的技术难点与解决方案。1.目标与需求分析我们的目标是从某汽车官方网站上高效地爬取官方销售排行榜。爬取内容包括：销
  • 基数排序详解 醉心编码 c/c++算法数据结构排序算法c语言开发语言
    基数排序详解一、基数排序的基本概念二、基数排序的特点二、基数排序的工作过程三、基数排序的伪代码四、基数排序的C语言代码示例五、基数排序的稳定性六、基数排序的优化与变体七、基数排序的应用场景八、结论在计算机科学中，排序算法是一种非常基础和重要的算法类型，用于对一系列数据进行有序的排列。在众多排序算法中，基数排序以其独特的工作机制和优秀的性能，得到了广泛的关注和应用。本文将详细介绍基数排序的相关知识，
  • DeepSeek应用场景及其解决的问题 杏花春雨江南 自然语言处理
    DeepSeek是一种基于深度学习的智能技术，能够处理复杂的非结构化数据（如文本、图像、语音等），并在企业级应用开发中发挥重要作用。以下是DeepSeek在企业级应用开发中的典型应用场景及其解决的问题：1.企业知识管理与智能搜索场景：企业拥有大量的文档、报告、邮件、会议记录等非结构化数据，员工需要快速找到相关信息。DeepSeek的作用：通过语义搜索和自然语言处理（NLP），DeepSeek可以理
  • 学习笔记分享-进阶数据结构与算法-图-并查集-优化 -暮倦- #学习笔记分享-数据结构与算法学习笔记
    前言图片上面的personal表示只有图片上面的一行语句是解释图片内容的、local表示这个图片所在标题下的所有语句都是解释图片内容的、global表示有多个标题下的所有语句都是解释图片内容的我是一名大二的学生，学了差不多一年java技术栈了，想记录一下自己对知识点的心得，目前还是个小白，期望大佬们可以指出我笔记中的不足之处、对知识点的认知错误、笔记结构的混乱等这些图片内容都是在观看黑马课程时的视
  • 编程入门难？Python 十大核心知识点，手把手教你！ 编程咕咕gu- Python基础python开发语言Python教程网络爬虫
    如果你对编程感兴趣，但又不知道从哪里开始，那么Python会是你的好选择。它简单易学，是初学者学习编程的好帮手。这篇文章会用轻松的方式，带你了解Python的十个重要概念，一步步帮助你从零开始！1.Python文件与扩展名学习Python的第一步是创建一个Python文件。Python文件的名字后面都会加上.py作为扩展名。例如，你可以创建一个名为main.py的文件，这就是一个Python脚本。
  • Vue 系列之：基础知识 程序员SKY VUEvue.js
    什么是MVVMMVVM（Model-View-ViewModel）一种软件设计模式，旨在将应用程序的数据模型（Model）与视图层（View）分离，并通过ViewModel来实现它们之间的通信。降低了代码的耦合度。Model代表数据模型，是应用程序中用于处理数据的部分。在Vue.js中，Model通常指的是组件的data函数返回的对象，或者Vue实例的data属性。View是用户界面，是用户与应用
  • 前端架构设计 weixin_34266504 前端测试javascriptViewUI
    最近在拜读一本《前端架构设计》的书，该书讲到前端架构师的用户是开发人员。所选择的工具、编写的代码、创建的流程，都是为了让开发人员能够构建出最高效的、不出错的、可扩展的和可持续优化的系统。一、HTML1）标签规范化div乱炖是指嵌套多层div元素。为了保持简洁，语义化的标签是首选，应用样式所依靠的是HTML5元素名称和它们的层级关系，在标记中没有类名，往往写出层级的后代选择器。2）模块化方法前端开发
  • MATLAB基础应用精讲-【数模应用】主成分(pca)分析（附python代码实现） 林聪木 matlab人工智能大数据
    目录前言知识储备降维概述算法原理什么是PCAPCA降维过程PCA算法数学步骤选择主成分个数（即k的值）sklearn中参数的解释数学模型协方差协方差矩阵编辑编辑原理推导编辑编辑编辑编辑实际操作主成分分析的计算方法方法1.协方差+特征值分解方法2：奇异值分解对比不同方法计算效率物理意义算法步骤SPSSAU主成分(pca)分析说明1、信息浓缩2、权重计算3、综合得分【综合竞争力】疑难解惑成分得分后用于
  • 深入理解 JSP：从基础知识到实战技巧的全面解析 CarlowZJ java开发语言
    JSP（JavaServerPages）是一种基于Java的服务器端技术，用于开发动态Web应用。它通过将Java代码嵌入到HTML页面中，简化了Web开发的复杂性。JSP是JavaWeb开发的重要组成部分，与Servlet、JavaBean等技术紧密集成，广泛应用于企业级Web应用开发。本文将从基础知识、核心特性、生命周期、与Servlet的关系、框架支持、最佳实践等方面对JSP进行详细解析，帮
  • HTML学习笔记 誓死守护发际线 html学习笔记
    文章目录(一)HTML简介一、网页1.什么是网页2.什么是HTML二、常用的浏览器1.常用的浏览器2.浏览器内核（渲染引擎）3.web标准(二)HTML标签一、HTML语法规范1.基本语法概述2.标签的关系二、HTML基本结构标签三、网页开发工具1.VSCode的使用：2.vsCode工具生成骨架标签新增代码1）标签2）lang语言3）charset字符集四、HTML常用标签1.语义化标签：2.标
  • 在nodejs中使用ElasticSearch（三）通过ES语义检索,实现RAG konglong127 nodejselasticsearch搜索引擎node.js全文检索后端
    RAG（Retrieval-AugmentedGeneration）是一种结合了信息检索和生成模型的技术，旨在提高生成模型的知识获取和生成能力。它通过在生成的过程中引入外部知识库或文档（如数据库、搜索引擎或文档存储），帮助生成更为准确和丰富的答案。RAG在自然语言处理（NLP）领域，特别是在对话生成、问答系统和文本摘要等任务中，具有非常重要的应用。它的核心思想是，生成模型不仅依赖于模型内部的知识，
  • XSL是指可扩展样式表语言 (EXtensible Stylesheet Language) 万事俱备，就差一个程序员了
    XSLXSL是指可扩展样式表语言(EXtensibleStylesheetLanguage)，是一种用于以可读格式呈现XML数据的语言。目录简介语法XSL是否与XML相同用途应用简介XSL之于XML,就像CSS之于HTML。它是指可扩展样式表语言(EXtensibleStylesheetLanguage)。这是一种用于以可读格式呈现XML数据的语言。xsl是一种标记语言，表示如何将xml文档的内容
  • HTML AI 编程助手 wjs2024 开发语言
    HTMLAI编程助手引言随着人工智能技术的飞速发展，编程领域也迎来了新的变革。HTML，作为网页制作的基础语言，与AI技术的结合，为开发者带来了前所未有的便利。本文将探讨HTMLAI编程助手的功能、应用场景以及如何利用它提高编程效率。HTMLAI编程助手概述HTMLAI编程助手是一种基于人工智能技术的辅助工具，旨在帮助开发者快速、高效地完成HTML代码编写。通过学习大量的HTML代码，AI编程助手
  • javaScript-系统知识点【 常见问题及其解决办法】 大麦大麦 2025前端面经javascript开发语言ecmascript前端面试
    会造成内存泄漏的情况（中级）setTimeout的第⼀个参数使⽤字符串⽽非函数的话，会引发内存泄漏。//setTimeout的错误使用setTimeout('666',100)//setTimeout的正确用法setTimeout(()=>{console.log('666')},1000)前端常见内存泄漏及解决方案如何捕获JS程序的异常？两种方式trycatchwindow.onerror//手
  • 统一思想认识 永夜-极光 思想
    1.统一思想认识的基础,才能有的放矢  原因:    总有一种描述事物的方式最贴近本质,最容易让人理解.    如何让教育更轻松,在于找到最适合学生的方式.          难点在于,如何模拟对方的思维基础选择合适的方式.   &
  • Joda Time使用笔记 bylijinnan javajoda time
    Joda Time的介绍可以参考这篇文章： http://www.ibm.com/developerworks/cn/java/j-jodatime.html 工作中也常常用到Joda Time，为了避免每次使用都查API，记录一下常用的用法：     /** * DateTime变化（增减） */ @Tes
  • FileUtils API eksliang FileUtilsFileUtils API
    转载请出自出处：http://eksliang.iteye.com/blog/2217374 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • 各种新兴技术 不懂事的小屁孩 技术
    1:gradle Gradle 是以 Groovy 语言为基础，面向Java应用为主。基于DSL（领域特定语言）语法的自动化构建工具。 现在构建系统常用到maven工具，现在有更容易上手的gradle， 搭建java环境: http://www.ibm.com/developerworks/cn/opensource/os-cn-gradle/ 搭建android环境： http://m
  • tomcat6的https双向认证 酷的飞上天空 tomcat6
    1.生成服务器端证书 keytool -genkey -keyalg RSA -dname "cn=localhost,ou=sango,o=none,l=china,st=beijing,c=cn" -alias server -keypass password -keystore server.jks -storepass password -validity 36
  • 托管虚拟桌面市场势不可挡 蓝儿唯美
    用户还需要冗余的数据中心，dinCloud的高级副总裁兼首席营销官Ali Din指出。该公司转售一个MSP可以让用户登录并管理和提供服务的用于DaaS的云自动化控制台，提供服务或者MSP也可以自己来控制。 在某些情况下，MSP会在dinCloud的云服务上进行服务分层，如监控和补丁管理。 MSP的利润空间将根据其参与的程度而有所不同，Din说。 “我们有一些合作伙伴负责将我们推荐给客户作为个
  • spring学习——xml文件的配置 a-john spring
    在Spring的学习中，对于其xml文件的配置是必不可少的。在Spring的多种装配Bean的方式中，采用XML配置也是最常见的。以下是一个简单的XML配置文件： <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.or
  • HDU 4342 History repeat itself 模拟 aijuans 模拟
    来源：http://acm.hdu.edu.cn/showproblem.php?pid=4342 题意：首先让求第几个非平方数，然后求从1到该数之间的每个sqrt(i)的下取整的和。 思路：一个简单的模拟题目，但是由于数据范围大，需要用__int64。我们可以首先把平方数筛选出来，假如让求第n个非平方数的话，看n前面有多少个平方数，假设有x个，则第n个非平方数就是n+x。注意两种特殊情况，即
  • java中最常用jar包的用途 asia007 java
    java中最常用jar包的用途 jar包用途axis.jarSOAP引擎包commons-discovery-0.2.jar用来发现、查找和实现可插入式接口，提供一些一般类实例化、单件的生命周期管理的常用方法.jaxrpc.jarAxis运行所需要的组件包saaj.jar创建到端点的点到点连接的方法、创建并处理SOAP消息和附件的方法，以及接收和处理SOAP错误的方法.  w
  • ajax获取Struts框架中的json编码异常和Struts中的主控制器异常的解决办法 百合不是茶 jsjson编码返回异常
    一:ajax获取自定义Struts框架中的json编码  出现以下 问题:       1,强制flush输出  json编码打印在首页 2, 不强制flush js会解析json 打印出来的是错误的jsp页面   却没有跳转到错误页面 3,  ajax中的dataType的json 改为text 会
  • JUnit使用的设计模式 bijian1013 java设计模式JUnit
    JUnit源代码涉及使用了大量设计模式 1、模板方法模式（Template Method）         定义一个操作中的算法骨架，而将一些步骤延伸到子类中去，使得子类可以不改变一个算法的结构，即可重新定义该算法的某些特定步骤。这里需要复用的是算法的结构，也就是步骤，而步骤的实现可以在子类中完成。   
  • Linux常用命令（摘录） sunjing crondchkconfig
    chkconfig --list   查看linux所有服务 chkconfig --add servicename 添加linux服务 netstat -apn | grep 8080  查看端口占用 env 查看所有环境变量 echo $JAVA_HOME 查看JAVA_HOME环境变量   安装编译器 yum install -y gcc
  • 【Hadoop一】Hadoop伪集群环境搭建 bit1129 hadoop
     结合网上多份文档，不断反复的修正hadoop启动和运行过程中出现的问题，终于把Hadoop2.5.2伪分布式安装起来，跑通了wordcount例子。Hadoop的安装复杂性的体现之一是，Hadoop的安装文档非常多，但是能一个文档走下来的少之又少，尤其是Hadoop不同版本的配置差异非常的大。Hadoop2.5.2于前两天发布，但是它的配置跟2.5.0，2.5.1没有分别。 &nb
  • Anychart图表系列五之事件监听 白糖_ chart
    创建图表事件监听非常简单：首先是通过addEventListener('监听类型',js监听方法)添加事件监听，然后在js监听方法中定义具体监听逻辑。 以钻取操作为例，当用户点击图表某一个point的时候弹出point的name和value，代码如下： <script> //创建AnyChart var chart = new AnyChart(); //添加钻取操作&quo
  • Web前端相关段子 braveCS web前端
    Web标准：结构、样式和行为分离   使用语义化标签 0）标签的语义：使用有良好语义的标签，能够很好地实现自我解释，方便搜索引擎理解网页结构，抓取重要内容。去样式后也会根据浏览器的默认样式很好的组织网页内容，具有很好的可读性，从而实现对特殊终端的兼容。 1）div和span是没有语义的：只是分别用作块级元素和行内元素的区域分隔符。当页面内标签无法满足设计需求时，才会适当添加div
  • 编程之美-24点游戏 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Arrays; import java.util.HashSet; import java.util.List; import java.util.Random; import java.util.Set; public class PointGame { /**编程之美
  • 主页面子页面传值总结 chengxuyuancsdn 总结
    1、showModalDialog returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口时,用于返回窗口的值 主界面 var sonValue=window.showModalDialog("son.jsp"); 子界面 window.retu
  • [网络与经济]互联网+的含义 comsci 互联网+
          互联网+后面是一个人的名字 = 网络控制系统       互联网+你的名字 =  网络个人数据库       每日提示:如果人觉得不舒服,千万不要外出到处走动,就呆在床上,玩玩手游,更不能够去开车,现在交通状况不
  • oracle 创建视图 with check option daizj 视图vieworalce
    我们来看下面的例子： create or replace view testview as select empno,ename from emp where ename like ‘M%’ with check option; 这里我们创建了一个视图，并使用了with check option来限制了视图。 然后我们来看一下视图包含的结果： select * from testv
  • ToastPlugin插件在cordova3.3下使用 dibov Cordova
        自己开发的Todos应用，想实现“ 再按一次返回键退出程序 ”的功能，采用网上的ToastPlugins插件，发现代码或文章基本都是老版本，运行问题比较多。折腾了好久才弄好。下面吧基于cordova3.3下的ToastPlugins相关代码共享。       ToastPlugin.java package&nbs
  • C语言22个系统函数 dcj3sjt126com cfunction
    C语言系统函数一、数学函数下列函数存放在math.h头文件中Double floor(double num) 求出不大于num的最大数。Double fmod(x, y) 求整数x/y的余数。Double frexp(num, exp); double num; int *exp; 将num分为数字部分（尾数）x和 以2位的指数部分n，即num=x*2n，指数n存放在exp指向的变量中，返回x。D
  • 开发一个类的流程 dcj3sjt126com 开发
    本人近日根据自己的开发经验总结了一个类的开发流程。这个流程适用于单独开发的构件，并不适用于对一个项目中的系统对象开发。开发出的类可以存入私人类库，供以后复用。   以下是开发流程： 1. 明确类的功能，抽象出类的大概结构 2. 初步设想类的接口 3. 类名设计（驼峰式命名） 4. 属性设置(权限设置) 判断某些变量是否有必要作为成员属
  • java 并发 shuizhaosi888 java 并发
    能够写出高伸缩性的并发是一门艺术   在JAVA SE5中新增了3个包 java.util.concurrent java.util.concurrent.atomic java.util.concurrent.locks 在java的内存模型中，类的实例字段、静态字段和构成数组的对象元素都会被多个线程所共享，局部变量与方法参数都是线程私有的，不会被共享。
  • Spring Security（11）——匿名认证 234390216 Spring SecurityROLE_ANNOYMOUS匿名
    匿名认证 目录 1.1     配置 1.2     AuthenticationTrustResolver          对于匿名访问的用户，Spring Security支持为其建立一个匿名的AnonymousAuthenticat
  • NODEJS项目实践0.2[ express,ajax通信...] 逐行分析JS源代码 Ajaxnodejsexpress
      一、前言         通过上节学习，我们已经        ubuntu系统搭建了一个可以访问的nodejs系统，并做了nginx转发。本节原要做web端服务 及 mongodb的存取，但写着写着，web端就
  • 在Struts2 的Action中怎样获取表单提交上来的多个checkbox的值 lhbthanks javahtmlstrutscheckbox
    第一种方法：获取结果String类型 在 Action 中获得的是一个 String 型数据，每一个被选中的 checkbox 的 value 被拼接在一起，每个值之间以逗号隔开(,)。 所以在 Action 中定义一个跟 checkbox 的 name 同名的属性来接收这些被选中的 checkbox 的 value 即可。 以下是实现的代码： 前台 HTML 代码：
  • 003.Kafka基本概念 nweiren hadoopkafka
    Kafka基本概念：Topic、Partition、Message、Producer、Broker、Consumer。 Topic：             消息源（Message）的分类。 Partition：             Topic物理上的分组，一
  • Linux环境下安装JDK roadrunners jdklinux
    1、准备工作 创建JDK的安装目录： mkdir -p /usr/java/   下载JDK，找到适合自己系统的JDK版本进行下载： http://www.oracle.com/technetwork/java/javase/downloads/index.html   把JDK安装包下载到/usr/java/目录，然后进行解压： tar -zxvf jre-7
  • Linux忘记root密码的解决思路 tomcat_oracle linux
    1：使用同版本的linux启动系统，chroot到忘记密码的根分区passwd改密码 　　2：grub启动菜单中加入init=/bin/bash进入系统，不过这时挂载的是只读分区。根据系统的分区情况进一步判断. 　　3: grub启动菜单中加入 single以单用户进入系统. 　　4:用以上方法mount到根分区把/etc/passwd中的root密码去除 　　例如: 　　ro
  • 跨浏览器 HTML5 postMessage 方法以及 message 事件模拟实现 xueyou jsonpjquery框架UIhtml5
    postMessage 是 HTML5 新方法，它可以实现跨域窗口之间通讯。到目前为止，只有 IE8+, Firefox 3, Opera 9, Chrome 3和 Safari 4 支持，而本篇文章主要讲述 postMessage 方法与 message 事件跨浏览器实现。postMessage 方法 JSONP 技术不一样，前者是前端擅长跨域文档数据即时通讯，后者擅长针对跨域服务端数据通讯，p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他