Winbox implemented using js+iframe

Live Demo and Code Example

https://hideip.network

How to use?

pnpm add hnet-winbox

//svelte main.js
import "hnet-winbox/dist/assets/css/index.css"

//vue app.js
import "hnet-winbox/dist/assets/css/index.css"

//react App.jsx
import "hnet-winbox/dist/assets/css/index.css"

import WindowManager from "hnet-winbox";

Instantiate

new WindowManager('Texta', {
      url: 'https://www.google.com/webhp?igu=1',
      icon?: 'https://public.aisb.top/e06e8a0ef1a018d7b6944df936f2a3c1/dK10APa.png',
      width?: 40,
      height?: 60,
      background?: "purple",
      ads?:""
});

Options

| Option | Values | Description | | ---------- |:------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | title | string | Window title | | id | number | Set a unique id to the window. Used to define custom styles in css, query elements by context or just to identify the corresponding window instance. If no ID was set it will automatically create one for you. | | index | number | Set a unique index to the window | | windId | string | Window DOM | | url | string | Window load content url | | icon | string | Window icon | | width | number | Window width,0 ~ 100 | | heith | number | Window heith,0 ~ 100 | | background | string | Window header background | | ads | string | Show interstitial content when zooming |

CSS Element

You can do rewritten css

• .hnet-window

• .hnet-title

• .hnet-minimize

• .hnet-maximize

• .hnet-close

• .hnet-ads